@Yazdun
Posted
Hey man good job on the challenge. This project doesn't need any grid so it's fine the way you've done it ( although I can argue that it doesn't need any flexbox either š ).
The other thing is I don't see any need for media queries in this challenge. instead of using static width for the main__container
, you can use something like :
.main__container {
width: 100%;
max-width: 270px;
}
With the above's approach, You won't need any media queries, main__container
will occupy 100% of the screen and when it reaches 270px width, It will stop growing. You can give some paddings to the parent element to prevent main__container
from hitting the screen's edges on mobile devices.
Overall you did great, Keep it up.
Marked as helpful
@dboca93
Posted
@Yazdun
Thanks so much for your feedback ! I really appreciate it.
All the best :)