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

Project: Product Preview Card

@nemoanderson

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How did you code the pricing?

Community feedback

@ahmedafsa

Posted

Hello @nemoanderson, Good job!

To create a layout for displaying both the current and old price place them within a div and assign it a class for example "price-div". Then utilize the display: flex declaration to make both the elements on the same line and use gap to control the space between them

.price-div {
  display: flex;
  gap: 15 px;
}
1

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