Skip to content
Submitted over 5 years ago

Four Card Challenge using HTML + CSS

Nikkita Leftwich•140
@nlefty
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Two months ago, I initially coded this as desktop first with the mobile layout in my media query. Today, I changed the css to be mobile first, then added the desktop modification in the media query.

Open to suggestions on other ways to write the html for the three column layout. For the desktop version, I added three divs within the main-card-wrapper div. It works but I'm suppose could be cleaner/simpler.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Nikkita Leftwich'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