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

Respunsive agency landing page

@zastar23

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


Took me a while to complete this one, especially the grid part but I think it is looking good.

Any feedback is welcome!

Community feedback

Old 6,220

@Old1337

Posted

Hello there! 👋

Congratulations on finishing your challenge! 🎉

I have some feedback on this solution:

  • Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools) like for example use h1 first then h2 etc.

if my solution has helped you do not forget to mark this as helpful!

Marked as helpful

0

@MubeenAhmadShaikh

Posted

The grid part is actually challenging. I have following suggestions for you:

  • The transform and stand out text content is aligned to the center you can align them to left.
  • The graphic and photography images are of mobile view, you can change them to desktop images using media queries with background property.

you can refer my solution but I would suggest only if you get stuck.

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