@AdrianoEscarabote
Posted
Hi AbdelRahman Elrefai, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
We have to make sure that all the content is contained in a reference region, designated with HTML5 reference elements.
native HTML5 reference elements:
<body>
<header>This is the header</header>
<nav>This is the nav</nav>
<main>This is the main</main>
<footer>This is the footer</footer>
</body>
images must have alt text unless it is a decorative image, for any decorative image each IMG tag must have empty alt=""
and add aria-hidden="true"
attributes to make all the assistive technologies of the Web, as screen reader. Learn the differences between decorative/meaningless images vs important content.
To improve the responsiveness of the project we can do this:
.card {
max-width: 350px;
}
The rest is great!
I hope it helps... 👍
Marked as helpful
@ar-refai
Posted
@AdrianoEscarabote I Think Your Comment will be a big help for me maybe because it will encourage me to check on some points that I had in mind which you just refered to some of it in your comment Thank You very Much
@AdrianoEscarabote
Posted
@Abdelrahman-Elrefai no problem!! happy coding!!
Marked as helpful