@Giulo25
@FabricioRivera2021
Submitted
Hi i got a question about this one, and the nft proyecto too... i dont know if it was ok to put the width for the desktop device, at first i was only gonna do the widht: 100vw; aproach like i did on the last one.
what is most correct, put the width of the devices or just let it adjust with the viewport units?.
@Giulo25
Posted
Hi Fabricio, good job on this challenge! I think it is not necessary to set a width, in fact decreasing the viewport the image shrinks incorrectly
You can remove the width: 1440px from the body and center the background image with background-position: top center
You could also put padding on the body so in the mobile version there is space between the component and the edge of the device
Marked as helpful
@Joshua-Farr
Submitted
CSS Grid Experts, I need your help!
The only thing that tricked me was justifying the time remaining to the right. For some reason when I moved it over, there was extra space in the container and it would leave an unsightly gap between the text and the clock icon. Any insights would be greatly appreciated!
@Giulo25
Posted
Hi Josh, you can set the two grid items (info1 and info2) as flexbox, then set info1 justify-content: start and info2 justify-content: end and you can manage the space between the icon and text with the gap property
