Skip to content
Submitted about 1 year ago

Responsive Layout using Grid and Sass

beowulf1958•1,450
@beowulf1958
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am most proud of the fact the project gave me a chance to practice grid. I have been concentrating so much on flexbox, I had to review a lot of things to make it look the way I wanted it to.

What challenges did you encounter, and how did you overcome them?

The point of the project was two-fold; practice grid, and continue working with Sass. Organizing the Sass most efficiently is always a challenge, but one I had analyzed the project properly, it went smoother.

What specific areas of your project would you like help with?

Nothing at the moment

Community feedback

  • MelissaZhuu•100
    @MelissaZhuuPosted 5 months ago

    Your solution looks quite different from the design. Perhaps you can work on customizing the styles for larger screen sizes like enlarging the title font and changing the card widths to match the design. I noticed your media query breakpoint is at 400px, maybe for this design it would be more suitable to increase it to something like 800px, that way users who have a screen width of 500px don't have to awkwardly scroll horizontally.

    Marked as helpful
    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