Skip to content
Submitted over 3 years ago

Single-price-grid Flex-box, Grid CSS, BEM, Mobiler First

Christopher•285
@programmerXS
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Please give me some feedback I'm a newbie

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted over 3 years ago

    Hi @cristofer2! Well done on this challenge, it looks really good. The only issue I see is for smaller mobiles - you've got your column width set to 350px and because of that on smaller screens the column doesn't fit the viewport (you can see how the design looks on different devices in your browser in dev tools). You could try setting the width to a percentage or using vw as unit, and then maybe setting a max-width so it doesn't stretch too much?

    Also, it's a good idea to check the report here - I think you've got a typo in your <head> element :)

    Hope this helps!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord