@MelvinAguilar
Posted
Hello there ๐. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
- Avoid using width in percentage for this component, as it may lead to excessive width on very large screens. Instead, use
max-width: 600px
to limit its width and maintain a better design across different devices.
- For elements like this, consider using Flexbox or Grid layout for centering instead of
position: absolute
Using Flexbox or Grid layout is a more modern approach and often requires less code compared toposition: absolute
.
- Minimize the use of
<br>
tags by using margins in your CSS. Some screen readers may read these elements, and it could lead to confusion for users relying on assistive technology.
- Instead of using the
<b>
tag, use CSS to style your text. You can usefont-weight: bold;
to achieve the same effect.
- Ensure a logical heading hierarchy. Don't skip heading levels, as it can impact accessibility and SEO. Stick to the appropriate hierarchy (h1, h2, h3, etc.) for better structure.
I hope you find it useful! ๐
Happy coding!