Skip to content
Submitted almost 4 years ago

BEM, Sass, flexbox and media queries. Mobile first.

Jaronimas•375
@jaronimas-codes
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

Q1. How to make desktop view look bigger? I increased font-size and played with the size of max-width of price card. Is that sufficient? Up to good standard? Or there's better/easier/more efficient way?

Q2. Is it ok to use BEM like this or it is too much and starts to be too complicated?

Q3. How to make flex more responsive to width? I made max-width: 21rem to fit 375px screen. How to play with that to make it more fluid?

Thanks in advance, Jaro

Community feedback

  • Jaronimas•375
    @jaronimas-codesPosted almost 4 years ago

    Yeah, I really have troubles with desktop size..

    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