Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section

a-yemisi 130

@a-yemisi

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I was finally able to get responsive text right. I also would set the width of the heading p elements to be different from that of the other elements, to allow it to move better.

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

I faced challenges trying to make the design as close as possible to the source. I had issues with the text, card size, image sizes. I was not able to get it as close as I wanted.

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

The challenges I listed earlier. What do you suggest I do as tips?

Community feedback

Luca 120

@TofeDev

Posted

Amazing work! The style-guide.md gives you the font size for the <p>, that's the start for sizing everything around that.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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