@Mr-jaw
Posted
Hello there 👋
Well done on completing the challenge
HTML 📄
-
replace
<div>after the<body>tag with<main>tag to fix accessibility issues. -
Always provide the
<img>tag with meaningful and understandable descriptive text about what the image is about in thealtattribute. to improve accessibility. -
Rather than using three
<h2>you can contain the entire text in a<p>and give it a style oftext-align: center;andwidth: 70%;to get the exact same result. It will also improve accessibility.
CSS 🎨
-
Use relative units such as
emorremfor margin, padding, width, and height. most preferablyremfor font size. avoid usingpxsince it is an absolute unit. -
It is a good practice to use CSS custom properties. learn more about it here
To center the card to the center of the screen. Do the quick fix below
-
In
divremovemargin: 5% auto; -
In the
bodyelement add the following lines of code
justify-content: center;
align-items: center;
min-height: 100vh;
I hope this was useful 😊
KEEP GRINDING 💪
@Javier014334
Posted
@Mr-jaw Muchisimas Gracias! hice lo que pude con varios tutoriales en youtube 😁 y seguire aprendiendo, thx! 💪🔥
