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

Responsive landing page using Html and css

#accessibility
Caroline 210

@Carolkiarie

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone. I have just completed the challenge. 1.my biggest challenge when working on this was the issue of zooming in when you have an element with position:absolute. The element tends to break the normal flow of a page though i somehow managed to counter by use of media queries, i am still not satisfied with it. If anyone has a better idea on how to handle this please let me know:) 2. My other challenge was laying out my footer in desktop screen. I used my footer as a flex container but somehow my flex-items could not align well. Thank you for your time and happy coding:)

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