@CurseTommy
Posted
Hi @iulias17 👋, good job completing this challenge! 🥳
1.First you need using alternate text --> alt=''
in your <img>
tag. It helps when your illustration will not load on the side. Instead of it, will appear your text, mostly it's just description what does image shows.
2.Second, use rem
or %
rather that px
.
3.I saw you're using hsl
color code with is very good. Because you can easily manipulate color shade.😄
4.When you're styling with position: absolute;
there is no reason to use both top: 0;
, bottom: 0;
, same situation with left: 0;
and right: 0;
. Simply use only top: 0;
, left: 0;
. Overlay is made good, but you could add transition-duration: 600ms;
for better look.
Good luck in future, enjoy coding 😁👋
Marked as helpful