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

Single Price grid with Flexbox and SASS

JesseStone 370

@jesseburn

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Good work Jesse. In order to avoid using things like negative margins for laying out the different areas, I'd recommend wrapping the two aside elements in a div and then adding display: flex; to that so that they sit next to each other.

I'd also recommend updating the .container class so that it is the element that restricts the width of the content and sits in the centre. Everything will be much easier to place when that's done.

I hope those tips helped. Keep it up! 🙂

0

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work! 👍

0
JesseStone 370

@jesseburn

Posted

Thank so very much! I updated my code to fix the negative margins.

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