Frontend Mentor - Sunnyside agency landing page solution

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.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author
• Acknowledgments

Overview

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

My process

Built with

• Vite.js - React framework
• React - JS library
• TypeScript - Programming language
• Flexbox
• CSS Grid

What I learned

With this project I learned the semantics of html, modular css abd typescript

<h1>Some HTML code I'm proud of</h1>

.proud-of-this-css {
  color: papayawhip;
}

interface ICard {
  title: string;
  image: string;
  description: string;
}

Author

• Website - Carlos Andres Spagnolo
• Frontend Mentor - @SpagnoloCarlos
• LinkedIn - Carlos Andres Spagnolo
• Instagram - @carlos.spagnolo.dev
• Email - carlos.andres.spagnolo@gmail.com

Acknowledgments

Cloning Repository

1. Open your terminal.
2. Navigate to the location where you want to clone the repository.
3. Run the following command:

  git clone https://github.com/SpagnoloCarlos/sunnyside
  cd sunnyside
  npm install
  npm run dev