@Fikerte-T
Posted
@Eloisa8 great solution!! Its well-structured and readable. No considerable difference from the design. Your UI looks good on most of screen sizes. However, the image gets unresponsive for smaller screen sizes (screen sizes less than 300px). So instead of this
.codigo{
max-width: 19.2rem;
margin: 1.067rem 1.067rem 1.6rem 1.067rem;
border-radius: 10px;
}
You can add a fixed width to be a percentage of the container and a height set to auto
.
This helps to scale up and down your image with different screen sizes.
.codigo{
width: 90%;
max-width: 19.2rem;
height: auto;
margin: 1.067rem 1.067rem 1.6rem 1.067rem;
}
Hope you find this comment helpful Good job!!