@huyphan2210
Posted
Hi, @niiquash
I took a look at your solution and had a few thoughts:
- The card doesn't seem to be centered on my 1920x1080 screen. It looks like this is due to the
margin: 12em auto
on the<article>
. There are other ways to center an element, which I'll explain below. - Ensure the body takes up at least the full height of the viewport by using
min-height: 100vh
(this ensures the body is always at least as tall as the visible screen). After that, you can remove themargin
on thearticle
and use Flexbox or CSS Grid to center the card effectively - As for the font sizes of
h2
andp
, there's no strict standard, as it really depends on the design. Since you don't have access to the design files, I recommend checking out some design systems (like Bootstrap, Material Design, etc.) and applying what feels right for your website.
Hope this helps!