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

Agency Landing page with bootstrap cols

Pete 150

@petewk

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Quite a fun easy build, nothing too complicated, only issue I had was with the order of the "Transform your brand" section and the egg image. I have made that section using one single bootstrap row and 6 columns which default to full width on small screens and to col-6 on a large one. I tried to use col-push or pull and the apparently newer float-end, but none seemed to work? Any suggestions on what I might be missing?

Community feedback

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