@cfcmeireles
Posted
Great job with your solution! I noticed your component was not centered to the page on desktop, this is because you're using a set width of "max-width: 1440px", try replacing that with "width: 100%" and it should be fixed!
@KhaledElOrbany
Posted
@cfcmeireles Thanks for your reply, I was confused with the task requirements when they mentioned that Desktop: 1440px, that is why I made it this way, but I guess I will change it to 100% as you said.
@cfcmeireles
Posted
@KhaledElOrbany that was for media query usage for responsive design. You can learn more about it here:
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
- https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Hope this helps!