@correlucas
Posted
๐พHello Fracav, congratulations for your solution!
Your solutions seems really good, I've some tips for your to improve a bit its design:
1.Add the correct color for the background, note that you can have all this info checking the file styleguide.md
or using a Google Chrome tool to eyedrop the design colors, a good one is called Colorzilla
body {
background-color: hsl(212, 45%, 89%);
}
2.The border-radius for the container is too much rounded, try a value like border-radius: 12px;
for the container and border-radius: 10px;
for the img.
3.In order to have also the img responsive use display: block
and max-width
to manage everything, see the code below:
img {
display: block;
max-width: 100%;
border-radius: 20px;
}
Hope it helps and happy coding!
Marked as helpful
@FraCav99
Posted
@correlucas Hi Lucas! Thanks for your tips!