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 flex-box preview cards made using scss

TiredQuan 245

@TiredQuan

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


This is my first time using SCSS so it might be a little sloppy, and I am a baby when it comes to github repositories so excuse my sloppy solution to HTML directory links not working

Community feedback

mvrius 260

@mvrius4

Posted

Hi, TiredQuan. After a look at your code, I recommend you a trick to make things easier when comes to center a card and to set the position of footer. You should use display: grid; place-items: center; and min-height: 100vh; in the body tag in css, this trick save a lot of time and work. Also, your code is well-written, maybe there are some minor issues or just 'hard way code' to say, that can be written more simple, but for the first time with SCSS you've done a good work, congrats and good luck.

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