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 3-column preview card

Amr Atif 60

@amr-atif

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


I'm currently learning about responsive layouts, and I would appreciate any feedback on my progress. If anyone has any suggestions or recommendations for resources to further enhance my understanding of responsive design, I would be grateful for the assistance. Thank you!

Community feedback

pbgo2 60

@pbgo2

Posted

HI Amr Atif , really nice done project Well completed job.! I just looked your code and supplied assets (image- ./design/active-states.jpg ) It seems that when you do action to hover mouse pointer on particular button ,the button layout (background ,color, cursor shape) require to change according to above jpg guide. You can add some stuff to play with to your css eg for sedans:

    .b1:hover{
      background-color: hsl(31, 77%, 52%);
      color: hsl(0, 0%, 95%);
      border: 2px solid hsl(0, 0%, 95%);
     cursor:pointer;
    }
1

Amr Atif 60

@amr-atif

Posted

Apologies for the delayed response. I was primarily focused on optimizing the responsiveness of my layouts and unintentionally overlooked the implementation of active states. I appreciate your comment, @pbgo2, for bringing this to my attention. Thank you for reminding me about the importance of considering active states in my designs.

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