Clipboard Lander

Novajed's user avatar
DJ LottSubmitted 2 weeks ago
View Code
Clipboard landing page desktop design preview

Key Lessons Learned

  • Responsive Design
  • Bulma.io
  • Readable CSS
  • 0

    Great work on this challenge DJ! 👍

    Here are a couple of things I picked up from taking a look at your code:

    • I'd recommend using margin in your CSS to space out elements instead of using multiple <br /> tags in your HTML. This will help clean up your HTML quite a bit and allow for more precise spacing.
    • Also, where possible I'd choose HTML5 structural elements over div elements. Adding elements such as header, section and main provide structure to your markup.
    • Your CSS is really nice and concise. Bulma is a great CSS framework to use! For your .ios-button and .mac-button classes you could share a lot of those styles under a single class and then change the colours using a modifier class.

    I hope those suggestions help! Let me know if you have any questions.

    Keep up the great work!

    mattstuddert's user avatar
    mattstuddert
    Posted a week ago
    • 0

      Thanks a lot for the feedback, Matt! Those are super helpful tips! Excited to get your feedback on my next solution.

      Novajed's user avatar
      Novajed
      Posted a week ago
Slack logo

Join our Slack community

Join over 800 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!