@beowulf1958
Posted
Congratulations on completing this challenge.
There are a few issues with the code. First, the html will not validate. The reason it will not validate is because of the <img /> tag in line 22; all image tags must have an alt attribute. The content of the alt is your explanation of what the image is. For example:
<img src="image-omelette.jpeg" alt="omelette and toast on a plate">
Second, the CSS contains an invalid statement in line 46; there is no such rule as "space-between: 5px; "
Third the image does not look right. Fourth, the content should all sit in the middle of the page. These two issues are related; fixing one helps with the other. To fix the image problem, replace your <img /> styles with the following. Then add two new lines to the class ".contenedor"
.contenedor{
width: 30 rem;
margin: 0 auto;
border-radius: 5px;
background-color:hsl(0, 0%, 100%) ;
}
img{
border-radius:5px;
display: block;
width: 100%;
}
After doing this, you should see a big improvement in how the page looks. Hope this helps.
Marked as helpful