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

Cezar Ganzonβ€’ 280

@cganzon

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View Challenge

Design Comparison

SolutionDesign

Report

0

Accessibility Issues

0

HTML Issues

View Report

Cezar Ganzon’s questions for the community

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
Patrickβ€’ 14,485

@palgramming

Posted

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

1


Cezar Ganzonβ€’ 280

@cganzon

Posted

@palgramming Thank you!

0

P
ApplePieGiraffeβ€’ 29,085

@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


Cezar Ganzonβ€’ 280

@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β€’ 29,085

@ApplePieGiraffe

Posted

@cganzon

Ah, no problem. πŸ‘ Take your time! πŸ˜‰ I think you'll enjoy it! πŸ˜€

0

Shibu Sarkarβ€’ 625

@shibuwd

Posted

It feels good & looks perfect. Happy coding.

1


Cezar Ganzonβ€’ 280

@cganzon

Posted

@Shibu7 Thank you!

0

Please focus on giving high-quality, helpful feedback and answering any questions cganzon might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

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