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

My Second Challenge

@Javier014334

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


This is my second challenge, if you have any suggestions, don't hesitate to let me know😁

Community feedback

@deivid-esf

Posted

Hey Javier, good job on this challenge!

I noticed that the elements of the second container are next to each other and there is a blank space left. If you use FlexBox, this problem can be solved.

You can use the 'justify-content: space-between' property to distribute the items evenly, with the first item at the beginning and the last item at the end. Hope this can help you! Good luck on the other challenges.

container { //second container with the informations
display: flex;
justify-content: space-between;
}

Marked as helpful

0

@0xabdulkhaliq

Posted

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

HTML 🏷️:

  • Use semantic elements such as <main> for <div class="contanido"> to improve accessibility and organization of your page.

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!

Marked as helpful

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