Skip to content
Submitted about 1 year ago

Four Card

Jesse Adjomo•130
@Bahbah89
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

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

  • Prince Boakye•90
    @melquawestPosted about 1 year ago

    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

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