Skip to content
Submitted over 2 years ago

4 Card Section

Jean Ruiz•590
@jeancarlosruiz
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

Hi Devs!

In this challenge, I was looking into mobile-first vs desktop-first and I decided to try mobile-first in this challenge and is easier to build from mobile to desktop.

I suggest you guys try it and post if it is helpful for you.

Any feedback is more than welcome!

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted over 2 years ago

    Hi Jean, I took some time to look at your solution and you did a great job!

    I advise you to insert the svg on the code only when you need to modify them or make them dynamic, otherwise use an img element

    Overall you did well :)

    Hope this help and happy coding!

    Marked as helpful
    0
  • Naveen Gumaste•10,480
    @NaveenGumastePosted over 2 years ago

    Hello Jean Ruiz ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Use more padding inside each card you have made it nearly pixel perfect.

    happy Coding😀

    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