@vanzasetia
Posted
Hi, Tonyy!
For the size of the card, you only need to set a max-width
to prevent it from filling the entire page while still allowing it to shrink if needed.
Some more suggestions from me:
- Remove
width: 1440px
from thebody
element. It makes the site looks bad on a lot of devices. - Remove
width: 16%
from the card or.container
. It makes the card looks small on some some screen sizes (after you apply my first suggestion). - Set
max-width
to the card element with the static unit (rem
orpx
). - Use a CSS reset whenever you start a new project. This can help you set the styling foundation easily. A Modern CSS Reset
Avoid using px
unit for font sizes. Use rem
or em
instead. Relative units such as rem
and em
can adapt when the users change the browser's font size setting.
- rem vs em Units in CSS | DigitalOcean
- The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?
I hope this helps. Happy coding!
Marked as helpful
@tony1c
Posted
@vanzasetia It does help a ton! Thank u for ur time! I'll do it the right way now :d
@vanzasetia
Posted
@tony1c I am happy to know my feedback helped. 🙂