Skip to content
Submitted 7 months ago

Four card feature Section

Nebil Nejmudin•230
@Nebil-Nej
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 got the Media Query on this section to look better, as it was a little bit troubling trying to get it right.

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

The Media Query , and some of the mistakes I did made me take more time then i wanted too

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

The Media Query area, if there is any type of issues on it.

Community feedback

  • al-dell•190
    @al-dellPosted 7 months ago

    Congratulations on completing the challenge, Nebil! Your design is well-responsive.

    I have a suggestion that'll help you with Flexbox. Consider adding the gap property to your design. Although justify-content: space-evenly works for this project, when the screen is resized, the space between the boxes does not remain the same, resulting in the boxes being too close together. By using gap, the size of the gap between your boxes will remain the same, even when you resize the screen.

    I hope you find this helpful. Other than that, great job!

    Marked as helpful
    0
    Nebil Nejmudin•230
    @Nebil-NejPosted 6 months ago

    @al-dell Thank you for reminding me the use of Gaps, Can't believe that slipped past me like that. Much appreciated!

    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