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 Page with HTML and CSS

@AustinKing5

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


Ireally struggled with styling "divs". I want to know if there sre any rules regarding when and when not to use divs in my HTML structure/ I am newbie so any words of encourage will come a long way to help my development.

Community feedback

@AustinKing5

Posted

@AtulKumar0001 Thank you so much for your feedback. I will checkout the resources you provided and continue my learning process.

0
Atul kumar 200

@AtulKumar0001

Posted

Hey Augustine Asare, I have a suggestion for you. Instead of using div, you should use other html tags like <header>,<section>,<footer>,<main> etc. because they are going to help you better in the long run and they are also much more preferable and helpful for screen readers. I will give you an article link where you can find more info about them and why not use Divs too much.

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

https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i

And I have one more suggestion for you. You should read about how to link images in html. I will give you some info.

  1. / = Root directory.
  2. . = This location.
  3. .. = Up a directory.
  4. ./ = Current directory.
  5. ../ = Parent of current directory.
  6. ../../ = Two directories backwards.
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