Profile Card - CSS flexbox

Hi 👋, perhaps some of this may interest you:

HTML / ACCESSIBILITY:

• Every page should have an <h1> to improve user experience and because it is an important element when it comes to SEO.

• Always remember to include the alt text inside <img>, leave it empty (alt="") if they are decorative images.

CSS:

• If you want the card not to clip off in low-height windows (such as mobile landscape orientation), you should use min-height: 100vh; for the body.

• You might consider using relative units like rem or em since they are better for scalable layouts. Something simple to start with would be to convert to rem (1 rem equals the font size of the root element, 16px by default). Consider this suggestion especially for the font-size.

I hope it’s useful : )

Regards,