@turtlethom
Posted
Hey Zahin, your project looks great! Using clamp is also a great way to create responsive font sizes on different screens.
If you are encountering weird styling issues (such as the image resizing), I suggest checking out Normalizing CSS. It helps "reset" CSS styles to allow the behavior of those styles to be more predictable.
- You can incorporate it into your main CSS file or link it to your
index.html
via another stylesheet (Ex:normalize.css
).
The box-sizing: border-box
property is super useful and can be applied to more than just a single div
.
*,
*::before,
*::after {
box-sizing: border-box;
}
img,
picture {
max-width: 100%;
display: block;
}
I hope this can help with the image sizing issue :)
Marked as helpful
thanks at first I didn't understand your comment. Now after couple of days hard work I understand. thanks a lot @turtlethom
@turtlethom
Posted
@ZahinRakin No problem happy to help :)