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

Responsive Four Card Feature Section

@BiancaAdS

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'm most proud of to have used the principle of “mobile first” in the project.

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

One of the challenges was thinking about users of mobile devices, as I used the principle of mobile first in the project, thinking first for mobile devices and then for the desktop was a little difficult.

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

I need a little help with the responsiveness and organization of the CSS when using the mobile first principle.

Community feedback

David 80

@David-dawn

Posted

Yes this solution include semantic element. The solution is quite accessible and next time try and make more accessible than this, it will really help the screen readers The layout looks very good and awesome. And it also look good on different screen sizes The code is well-structured, readable, and reusable The solution looks exactly like the the design

1

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