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

@Bahbah89

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


A fun little project on which I tested my basic HTML and CSS skills. Started this project 1 year ago, feeling frustrated, and unfortunately gave up on it. Now I have a better understanding of how to go step by step to create something like this. The key element I've learned during this project is to keep a cool head when things aren't going your way and look things up if you don't know for certain.

What did I find Difficult?

  • Display the card formation properly at screen size from 1110px to 740px.

Which Area of your code are you unsure of? -I used in the div 'container' 3 extra divs that represent columns in which the cards are displayed.

I'm open to feedback :)

Community feedback

@melquawest

Posted

Well done Jesse! However, I suggest you write a media query so the design looks great on all devices. Using only 'flex-wrap: wrap' on the '.container' won't solve it. I hope this helps!! Thanks!

Marked as helpful

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