Skip to content
Submitted 6 months ago

Four card feature section solution

OlsanX•150
@olsanx
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

What are you most proud of, and what would you do differently next time?

I was proud when I realized I could stack the boxes in a four way vertical and horizontal arrangement.

What challenges did you encounter, and how did you overcome them?

It was difficult to stack the grids in columns and rows but I finally got there after trials and errors because my internet was down and I couldn't use the internet, so I experimented till I got it right.

What specific areas of your project would you like help with?

None, thank you.

Community feedback

  • Augustine Stephen Abah•60
    @ababaugPosted 6 months ago

    You've effectively used Flexbox and Grid for layout purposes. It's good to see the combination of both for different sections of your website. You've implemented responsive design using media queries to adjust font sizes, layout, and grid structure based on different screen sizes. This helps ensure your website looks good on various devices. Your card styling is consistent and visually appealing. Each card has a border-top color, padding, margin, and box-shadow, providing a consistent visual treatment. great job!

    0
    OlsanX•150
    @olsanxPosted 6 months ago

    Wow, thank you very much @ababaug

    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