Submitted almost 5 years ago

Mobile first practicing SMACSS/BEM hybrid with nested flex layout

Jeremy Ng•200

@lanechanger

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

Hi everyone,

I've been reading about SMACSS, haven't read it all yet but was interested in the idea of separating out colors and fonts into a separate theme file so one can hypothetically swap out different themes a lot easier.

I also added a more vertical diamond formation kind of layout for the "tablet" viewport between mobile and desktop as I didn't like how squished all the cards were in the middle, but I also didn't like all the white space on the sides when it snapped to the mobile column layout too soon.

Thanks for checking it out!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jeremy Ng's solution.

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