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

3 Column made with flexbox on desktop and mobile

Iulian 20

@iulian5

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feel free to put some comments on this challenge.

Community feedback

P
Ken 4,915

@kens-visuals

Posted

Hey @iulian5 👋🏻

I have some feedback on some minor issues and also some help for the accessibility issues.

  • I think you should add cursor: pointer; to :hover state of the buttons
  • Also, you should change the color of the footer to something darker, so it becomes visible.
  • In your markup <div class="container">...</div> should be <main class="container">...</main> and <div class="attribution">...</div> should be <footer class="attribution">...</footer>. These will fix the accessibility issues. Don't forget to generate a new repot once you fix the issues.

I hope this was helpful 👨🏻‍💻 other than those, everything else looks great. Cheers 👾

Marked as helpful

0
Iulian 20

@iulian5

Posted

Thanks, for your help ! I'll do it and make another report

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