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 Clipboard Landing Page Built with CSS Flexbox & Mobile1st.

#accessibility
Johnnyβ€’ 470

@johnnysedh3lllo

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


hey guys, i've tried to implement everything i've learnt so far. i'm still trying to fully understand how to write better semantic HTML. what do you guys think?

Community feedback

Lucas πŸ‘Ύβ€’ 104,580

@correlucas

Posted

πŸ‘ΎHey Johnny , Congratulations on completing this challenge!

Great solution as always my friend! Its funny because now I am doing this same solution. Its really amazing how you've improved the solution is fully responsive and really well built. Congrats bro!

The only two advice I've for you is to add a transition for the hover states of the button like transition: all ease-in 0.5s and to use transform: translateX(-30PX) to place the image of the computer, I think its better than position relative because it gives more control, but anyway your solution is perfect!

✌️ I hope this helps you and happy coding!

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