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 preview using Grid

Dadic 180

@Eleansphere

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


Buttons... damn you! What's the most efficient way to style multiple buttons? Feedback welcome.

Community feedback

Nneoma Njoku 1,210

@SatellitePeace

Posted

Hello, @Eleansphere nice work and congrats on completing this project.

Based on your code the method you used in styling the button is the best way to style multiple buttons

  • I also noticed that you added the transition property under the code block with the pseudo-element for each car causing repetition of code
 .sedan > button:hover {
    background-color: hsl(31, 77%, 52%);
    color: white;
    transition: 0.4s ease;
  }

instead of doing it this way you can just add the transition property to the general button styles like so

button{
    transition: 0.4s ease;
//Other styles
}

I hope this helps

Marked as helpful

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