Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile first, BEM, Grid,Flexbox

Romanoli 265

@hickkick

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@rfilenko

Posted

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

@hickkick

Posted

@rfilenko Thanks!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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