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

flex box, HTML5, CSS variables, media queries

kjm2023 40

@kjm2023

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 would love some ideas regarding styles between 375px and 1440px.

Community feedback

Account Deleted

Hello there! 👋

Congratulations on finishing your challenge! 🎉

I have some feedback on this solution:

  • add cursor pointer to button so that the user knows its clickable
  • add tranistion:1s; to the button so that when you hover on the button the background changes smoothly
  • give the body these properties to center the element display:flex justifiy-content:center align items: center min-height:100vh flex-direction:column
  • check the HTML report to fix accessiblity issues

i hope this is helpful and goodluck!

Marked as helpful

0

kjm2023 40

@kjm2023

Posted

@Old1337 Thanks so much!

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