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 landing page using css flex

promise 520

@ugochukwuuu

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

Community feedback

kirty 380

@kirtymeena

Posted

Hi, Nice work the design looks good but there are a few issues I have noticed:

  1. your container is not at the center of the page. You can add below CSS code in the body min-height:100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;

  2. You haven't implemented the active states like on hover, buttons don't change color also, you should add cursor: pointer to the buttons in CSS. you can also add an active selector to the buttons so that it will look good when clicked.

apart from few issues, you did a great job.

keep coding 👍.

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