Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

CSS, HTML, Grid, Flex

Val 790

@valli450

Desktop design screenshot for the Scoot multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This project did not seem very difficult to me but i had fun. All suggestions are welcome!!)

Community feedback

P

@jNembhard

Posted

Site looks good!

Couple of fixes: on the laptop layouts the About link in the footer bleeds over the Scoot logo.

When your pages get wider than 1440px, the layouts get screwed up. Set a max width of 1440px for each section and then use margin: 0 auto; to keep the page centered. at larger sizes.

The main image on the landing page only loads sometimes for some reason on my end.

To make this even better you could try playing with animations. It's not necessary but is definitely a way to make your site stand out even more. Great work though!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord