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

This landing page was developed using CSS, HTML, and Javascript.

Noel 110

@StConstantineCole

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


I've made steady improvements in my attention to detail, responsiveness and and general understanding of css works. still more to learn but I had fun.

Community feedback

@ComanderPotato

Posted

Looks really good congrats just completed it as well! I'd say one thing that would improve the site overall is the alignment of your text and padding in various areas. So for example in your .paragraph class if you set that element to display flex and set justify-content and align-items to center, it will center all of the inside tags in relation to the parent div which is the .paragraph class. And for your .mainGallery class you could use a display of grid and set the grid-template-columns property to repeat(2, 1fr) which will split up your gallery to be 2 equal fractions(fr) of the parent container, which would be (50%, 50%). Hope this helps and good job.

1
Noel 110

@StConstantineCole

Posted

Thanks a lot for the tips I’ll be implementing these changes, always happy to learn better ways to to write code

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