Skip to content
Submitted over 3 years ago

Clipboard landing page

Cezar Ganzon•300
@cganzon
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

Another project completed that I'm happy with how it turned out. The most challenging part for me was figuring out a way to get the computer image in the snippets part of the page to display how it does on tablet and desktop screens, but I'm glad I was able to get it to work how I wanted it to. I still need some work on cleaning up my CSS, but I tried to organize it the best I could.

Looking forward to your tips/feedback. Thanks!

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hi there, Cezar Ganzon! 👋

    Well done on this challenge! 👍 Your solution looks great and responds very nicely! 👏 Your code looks good, too! 😀

    Have you ever tried using Sass to style a website? I just noticed your CSS file was quite large (over 600 lines) and thought that Sass could help you split up your styles into different files to better organize and work with them (and it's wonderful nesting feature will allow you to nest your CSS and make it even shorter).

    Sass is quite easy to pick up if you're comfortable with CSS, and if you use VS Code, there's this handy extension that'll help you get up and running with Sass in your projects in no time. Perhaps something to consider in a future project! 😉

    Keep coding (and happy coding, too)! 😁

    2
    Cezar Ganzon•300
    @cganzonPosted over 3 years ago

    @ApplePieGiraffe I've actually been looking into Sass and it looks like the perfect solution to my problem of having long CSS files on projects like this. I like the idea of nesting styles and separating things into different files for cleaner organization.

    I just didn't feel quite ready to try it out on a bigger project like this landing page. However, I plan to try out Sass on my next smaller project, which would probably be a component, to get some practice.

    Thanks for the tip!

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    @cganzon

    Ah, no problem. 👍 Take your time! 😉 I think you'll enjoy it! 😀

    0
  • Shibu Sarkar•605
    @shibuwdPosted over 3 years ago

    It feels good & looks perfect. Happy coding.

    1
    Cezar Ganzon•300
    @cganzonPosted over 3 years ago

    @Shibu7 Thank you!

    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    🌟🌟🌟🌟🌟 Looks pretty spot on... Very nice job!!

    1
    Cezar Ganzon•300
    @cganzonPosted over 3 years ago

    @palgramming Thank you!

    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