Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
socket hang up
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3-column-using-sass-and-grid-and-media-queries

#sass/scss
R1loth 40

@R1loth

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, while building this I used grid which I'm absolutely new to, and I found it difficult to shift the layout from mobile first to desktop so if you have any recommendations about using the grid and queries better way please let me know, also I don't like the responsiveness while I resize the viewport any tips how I could do it better would be great.

Community feedback

morteza 230

@mooryx

Posted

congrats on completing this challenge.

about responsiveness, you used fixed size for your .wrapper class

and body tag does nothing in your code

I already made a few changes to your code. you can accept my pull-request and see what I've changed I hope that can help you.

besides that everything looks good

Marked as helpful

2

@snehamoybag

Posted

Hi! I think you can just skip using grid for mobile screens in this challenge and you can use grid for wide screens to get the cards in a column

Marked as helpful

1

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