What are you most proud of, and what would you do differently next time?
guys if you can give me some suggestion on when i try to zoom the browser the right side product detail box going down , how can i solve that? and on the mobile devise it;s not good
@SoulRvr29
Posted
You have set width: 40% in the .container class, so the card can only occupy 40% of the width and when the screen is reduced, it does not fit, so the right side slides down. Remove width: 40% and instead set e.g. max-width: 600px.
In the body you have set height: 100vh, never set a fixed page height, because if something is too big it will be cut off, instead set min-height: 100vh.
Marked as helpful
@JEWebDev
Posted
Hello @kalWick01!
You nailed the spacing! It looks awesome!
The issue you are facing is because you use percentages on your widths and heights.
When zooming, the size of the window does NOT change, so these elements keep the same size.
It is a link to the answer from stackoverflow
If my answer was helpful please mark it as helpful :D
Happy coding!
Marked as helpful
@kalWick01
Posted
i forgot the shop icon on button, hell no
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
