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

Mobile first, Flexbox

Felipe 25

@Felipe-RL

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


Any advice is welcome, ty.

Community feedback

@AbePlays

Posted

Hey Felipe, Great job on the solution. Couple of areas where you can improve upon:

  1. The layout falls apart when moving from mobile to tablet size screens. Try making the project responsive for tablet screens too.

  2. The buttons does not have hover effects on them. You can simply add a pseudo selector(:active) to add hover effects on your buttons.

Let me know if you need any more help. Cheers!

0

Felipe 25

@Felipe-RL

Posted

Hi Abe, thanks for your advice. I will consider making the site reponsive for tablets in future practices, and I did add the pseudo selector (:active) in line 74-77 of the css file, I don't know if an error occurred whereby you couldn't see it.

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