Gustavo-Victor / sunnyside-agency-landing-page-main

Sunnyside agency landing page

Langing page of a sunnyside agency

🚀 Project Completed ✅

Table of contents

• Overview
  • About
  • The challenge
  • Screenshot
    • Desktop
    • Mobile
  • Links
• My process
  • Built With
    • Languages
    • Utilities
  • What I learned
  • Continued development
• Author
• License

Overview

❓ About

This is a solution to the Sunnyside agency landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

⚙️ The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page

🎨 Screenshot

💻 Desktop

📱 Mobile

⚓ Links

Website hosted on Github Pages

🛠 My process

Built with

The following tools were used in the construction of the project:

Languages

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

Utilities

• Fonts:
  • Barlow
  • Fraunces

🥇 What I learned

During the project development I could learn more about mobile first and flexbox using CSS.

⏪ Continued development

To continue this project, I would recommend trying to develop the other pages on the site and also trying to implement the Grid layout instead of just using the flexbox layout, as I think it would be an interesting challenge for you to train your skills.

🦸 Author

Made with ❤️ by Gustavo Souza. 👋 Get in touch

• GitHub - @Gustavo-Victor
• Frontend Mentor - @Gustavo-Victor
• CodePen - @gustavo_victor
• Linkedin - @gustavo-victor

📝 License

This project is under the MIT license.

Anyone can use, clone, fork and contribute to this project.