Skip to content
Submitted about 2 years ago

Product Preview Page with HTML and CSS

Augustine Asare•120
@AustinKing5
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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

  • Augustine Asare•120
    @AustinKing5Posted about 2 years ago

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

    0
  • Atul kumar•200
    @AtulKumar0001Posted about 2 years ago

    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

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