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 landing page using flex box

@klassno3

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


I'm not sure whether my method for making it responsive was the appropriate one because this was my first project with Tailwind CSS. Any comments would be greatly appreciated.

Community feedback

Nikola D 1,450

@NikolaD93

Posted

Hello there! 👋

Congrats for completing the challenge! 🙌

I have a suggestion for you:

1.Make sure to write some description on all of your images in the alt attribute. 👇

https://www.w3schools.com/tags/att_img_alt.asp

2.You can put all of your element in one parent container with a <main></main> tag.That represents the use of semantic HTML, which is more descriptive and SEO friendly.

Hope this was helpful for you!

Happy holidays! 🎉✌

Marked as helpful

0

@klassno3

Posted

@Nikola1232456 i improved it thanks

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