Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 3 days ago

Clipboard Landing Page | Clean, Pixel-Perfect, and Responsive Build

Outstandinggirl13•220
@Outstandinggirl13
A solution to the Clipboard landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I followed the BEM naming convention consistently, used meaningful class names, and applied a clear visual hierarchy throughout the layout. I also paid attention to accessibility by using semantic elements and meaningful alt text for images and icons.

What specific areas of your project would you like help with?

Actually, I have quite a few questions:

  • How can I make my CSS easier to scale if I want to extend this project later?
  • Are my clamp() values for typography and spacing well balanced, or could they be improved?
  • Do you see a more efficient approach to handle the image positioning (e.g., .keep-track__image)?
  • Does my folder and file structure follow good practices for scalability?
  • Are there better ways to manage breakpoints?
Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Outstandinggirl13's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License