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

html, css only

Harry05 50

@harry05555

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


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)?

Community feedback

Alexander 170

@Perr0fe0

Posted

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!

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