Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
9

Peter

@PeterJan285170 points

Hi, I'm Peter! 👋 Front End dev, currently open for work opportunities. 🤗 My Email is: peter.jandric.92@gmail.com

Latest solutions

  • QR card


    Peter•170
    Submitted over 3 years ago

    0 comments
  • NFT card responsive


    Peter•170
    Submitted over 3 years ago

    0 comments
  • Grid template areas solution


    Peter•170
    Submitted over 3 years ago

    0 comments
  • Simple price grid


    Peter•170
    Submitted over 3 years ago

    2 comments
  • Simple article, JS excluded


    Peter•170
    Submitted over 3 years ago

    0 comments
  • Simple NFT card with overlay


    Peter•170
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Will•210
    @wkan17012021
    Submitted over 3 years ago

    order-summary-component

    3
    Peter•170
    @PeterJan285
    Posted over 3 years ago

    I dont think bg sliding up is such a big deal, i just checked my solution and its the same. You can click /solutions/wall of fame/ then look thru top devs and their solutions, maybe someone managed to fix it

    <i>"done is better than perfect"</i>

    Marked as helpful
  • MarcinC•20
    @madpirat
    Submitted over 3 years ago

    Single Price Grid Component

    #foundation
    2
    Peter•170
    @PeterJan285
    Posted over 3 years ago

    Watch a tutorial on grid system, to make it responsive you say in grid @media that you want each row to start from point 1 and end on point 12 (watch tutorial on grid) then you say in @media you want width of each row to be width: ?%; you think is the best

  • Anthony•20
    @guananthony
    Submitted over 3 years ago

    NFT preview card with just HTML and CSS

    #airtable#bulma#storybook#vanilla-extract#backbone
    2
    Peter•170
    @PeterJan285
    Posted over 3 years ago

    put transition: 1s ease; on .card-img

    Marked as helpful
  • Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Submitted over 3 years ago

    Responsive Preview Card

    #sass/scss
    1
    Peter•170
    @PeterJan285
    Posted over 3 years ago

    On div with "bottom-details" class, put flex-direction: column; in media queries

  • Amaka•100
    @amakaogujiofor
    Submitted over 3 years ago

    Landing Page with FlexBox

    1
    Peter•170
    @PeterJan285
    Posted over 3 years ago

    Try this for background img

    body {

    background-color: var(--violet);
    
    background-image: url(./images/bg-desktop.svg);
    
    background-repeat: no-repeat;
    
    background-size: cover;
    
    background-position: center;
    
    height: 100vh;
    
  • Lesley Kimutai•565
    @Leskim
    Submitted over 3 years ago

    Responsive Social-Proof-Section Challenge

    2
    Peter•170
    @PeterJan285
    Posted over 3 years ago

    Wow, the responsiveness of this is amazing, i got the page done but am still struggling with responsiveness

View more comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub