Skip to content
Submitted over 4 years ago

Mobile first, BEM, Grid,Flexbox

Romanoli•265
@hickkick
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

If there is more content, the layout will break. What is the best thing to do in this case? Just got acquainted with the grid, there may be a rule that does not specify rigid dimensions. P.s Yes, this is a Google translator. Yes, it can all be googled. Yes, first I push, then I think) Good day to you anyway!

Community feedback

  • Roman Filenko•3,335
    @rfilenkoPosted over 4 years ago

    Hey, to fix the issue - you can use 1fr units for columns and don't implicitly set rows ( i.e height), and it will take as much content as needed without text overflow.

    Roman

    1
    Romanoli•265
    @hickkickPosted over 4 years ago

    @rfilenko Thanks!

    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