Skip to content
Submitted about 2 years ago

Responsive Clipboard Landing Page Built with CSS Flexbox & Mobile1st.

Johnny•470
@johnnysedh3lllo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

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,340
    @correlucasPosted about 2 years ago

    👾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

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