I am proud of how the solution came out, given that I didn't have the figma files.
What challenges did you encounter, and how did you overcome them?Having to guess the layout of this challenge. I had to eyeball what i think the solution would be.
What specific areas of your project would you like help with?If I got the styling close to the original designs.
It seems that your card looks just right but the positioning of it is slightly off. I would say to perhaps get rid of the position: fixed for your main element and instead use a flexbox or grid box to center the content.
I'm proud of how fast and easy was this project for me. My skills and my motivation are increasing with every one.
What challenges did you encounter, and how did you overcome them?I haven’t had too many problems during the development process, just a few minor bugs.
What specific areas of your project would you like help with?I usually use flexbox or grid to center some elements, but I’m not sure if it’s good practice. What would you recommend?
I would recommend surrounding your h1 element and p element with a div to make sure they stay inside your box container without bleeding over.
<div class='text-description'>
<h1> Bold Lettering </h1>
<p> Instructions here.</p>
</div>
You can then use display:flex; to give them even space and flex-direction: column; to make them line up vertically.
This is really well done! How did you manage to get the variable text for the name of the product? I was struggling with it.
