This project is a landing page for Clipboard, a productivity tool that allows users to track and organize everything they copy across all their devices. The landing page features a responsive design, ensuring optimal layout on various screen sizes, and interactive elements with hover states.

• Overview
  • The Challenge
  • Screenshot
  • Links
• My Process
  • Built With
  • What I Learned
  • Continued Development
  • Useful Resources
• Author
• Acknowledgments

Users should be able to:

• View the site optimally on their device's screen size
• Experience hover states for all interactive elements

• Solution URL: https://your-solution-url.com
• Live Site URL: https://your-live-site-url.com

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

This project was a great opportunity to practice responsive web design and enhance my skills in HTML and CSS. I learned how to effectively use media queries to adapt the layout for different screen sizes and how to implement hover states to improve user interaction.

Continued Development In future projects, I want to focus more on integrating JavaScript to add dynamic content and interactions. I'm also interested in exploring CSS animations to enhance the user experience.

Useful Resources:

MDN Web Docs - This site is a great resource for learning web development basics and detailed documentation on HTML, CSS, and JavaScript.

CSS-Tricks - I found the articles and guides here incredibly helpful for understanding CSS layout techniques and responsive design.

Author Rafaela Vaz Quaresma Frontend Mentor - @Raphaelavazq https://www.frontendmentor.io/profile/Raphaelavazq Github - @yRaphaelavazq