@JIH7
Posted
Great attempt! Some things to keep in mind
-
Your image isn't showing because it was not uploaded to your GitHub repo. Make sure you're adding it and also make sure it's not in your .gitignore
-
In
.contenido
your items are overflowing. Try reducing the height and margin-top/margin-bottom values of the content inside. -
The layout is not responsive for mobile. Try learning about media queries!
@media only screen and (max-width: 600px) {
body {
/* Your mobile body styles here */
}
.content {
/* Your mobile content styles here */
}
}
This will allow you to design a separate layout for phones. You can see how the device will look on a phone by opening the dev tools (right click > inspect) and at the top of the screen select a phone under "Dimensions."
Hope this helps!