Skip to content
Submitted over 2 years ago

html, css only

Harry05•50
@harry05555
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi,

I still have trouble choose the perfect html and nesting it well.

I also have problems structuring this in my head. i don't see the big picture. maybe you have an idea maybe sketch on paper.

Can you tell me something about the css html code ? mandatory constructive feedback please ? can it be that it reloads strangely? should i need to read up on any theory (please give link)?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Alexander•170
    @Perr0fe0

    Hi!.

    You need to see how display is structured, that will help you shape the page. I recommend that you see the documentation that firefox has, also the content that is in w3school, there they show in a practical way how those tags work!.

    Here the links: Mozilla

    https://developer.mozilla.org/en-US/docs/Web/CSS/display

    W3School:

    https://www.w3schools.com/cssref/pr_class_display.asp

    And this is my solution so you can guide you, take a look!

    https://www.frontendmentor.io/solutions/carta-responsiva-de-una-vista-previa-de-un-producto-usando-picture-WC0e0EcXHU

    It may be difficult at first, you will make mistakes, but it is part of learning!

    I hope this helps you.

    good luck!

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