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 Product preview card component with HTML,CSS

@suryathink

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

MortalCoderβ€’ 180

@mortalcode

Posted

Hey Surya Prakash Singh, Great job with your code, you just have to fix you media queries the rest will work as you intended. for example="@media only screen and (min-width: 1px) and (max-width: 720px) {}"

Secondly, you don't have to specify the all the properties as by default the are "normal", you only specify or target them when you want to change it, example as follows, (your code)

.hero-content button { font-family: Montserrat; font-size: 14px; font-style: normal; <-- font-weight: 700; line-height: normal; <-- } hope you find this helpful happy coding!

Marked as helpful

1

@suryathink

Posted

@mortalcode Hey Thank You for the Feedback.

Working on Changes you Suggested.

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