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

Product preview card complete

0xblu 130

@0xblu

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@meandrewaprianto

Posted

wow. great solution🎉🎉👌, just make sure you use CSS Variables so it don't hard coded inside any element

:root {
  --cream-bg: #f2eae2;
  --pure-white: #ffffff;
  --aurometal-saurus: #6c7289;
  --gunmetal: #1c232b;
  --deep-aquamarine: #3d8168;
  --deep-aqumarine-hover: #1a4032;
}

body {
   background-color: var(--cream-bg)
}

so when you want update the background, only one place not every single element you need to update.

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