Skip to content
Submitted 5 months ago

Responsive four-card feauture page

Paradox•330
@Taresta
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?

Implementing the grid layout was challenging, but I somehow figured it out. I will try to continue learning responsive design and how to make my code simpler.

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

I had a hard time deciding whether to choose flexbox or grid. I understand that a two-dimensional layout grid is a good choice, but flexbox has wrapping options. I tried to build the page with both approaches and found it was easier with grid, so that got me settled.

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

I would like to further improve my understanding of responsive layouts and responsive design.

Community feedback

  • leo-hailey•70
    @leo-haileyPosted 5 months ago

    This looks great! The code is easy to read, and it matches the design spec very well. I think the only suggestion I would have for you would be to just add a max-width to the paragraph containing "Our Artificial Intelligence...". Good Job!!!

    1

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