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

Four Card Feature - SCSS - Mobile First

#sass/scss#bem
P
Luciano Lima 1,290

@LucianoDLima

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I tried doing it with grid first but I couldn't get it right, so swapped to flexboxes which was a bit easier.

My code structure is a mess, I'm trying to improve on that.

Any feedback is welcome

Community feedback

@BhekiAccion

Posted

perfect project to master CSS grid, for me it looks like Flexbox may take long and more effort to get it right. But kudos to you, it looks incredible great. On Grid, try mastering the difference between grid-template-column and grid-column. The first states the number of columns you will need while the later is awesome in establishing parameters as to where you want each box to start and end. Once you master CSS grid you will love it and find yourself using it on most layouts. Having said that, it still looks incredibly great.

1

P
Luciano Lima 1,290

@LucianoDLima

Posted

@BhekiAccion thanks! I'll definitly take a better look at grids for my next challenge since it looks like I will need it

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