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 component using CSS

Alireza 240

@Alirezayoom

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

Tux3er 760

@Tux3er-Isma

Posted

Hi again Alireza!!!

You have done this challenge very well, congrats 🎉👍🏻

I will give you some tips for your next frontend project 💡:

  • To center elements with flexbox put min-height: 100vh; in the .header and don't forget to put align-items: center; to center perfectly the elements.

  • I recomend to you to put a transition in the <button></button> elements. Like this: .btn{ transition: background-color .5s; }

That's all, and have a nice coding ⌨️

Tux3er liked your code 🐧👍🏻😉

Marked as helpful

1

Alireza 240

@Alirezayoom

Posted

@Tux3er-Isma hi, thanks

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