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

Clipboard landing page

P

@cganzon

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


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

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

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

P

@cganzon

Posted

@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
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@cganzon

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

0

@shibuwd

Posted

It feels good & looks perfect. Happy coding.

1

P

@cganzon

Posted

@Shibu7 Thank you!

0
P
Patrick 14,325

@palgramming

Posted

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

1

P

@cganzon

Posted

@palgramming Thank you!

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