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.
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 2023-10-11 at 11 34 45 PM](https://private-user-images.githubusercontent.com/84602714/274473166-002b977d-dac1-43b2-af56-1a2cc7f24034.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjYwMDAsIm5iZiI6MTcyMDEyNTcwMCwicGF0aCI6Ii84NDYwMjcxNC8yNzQ0NzMxNjYtMDAyYjk3N2QtZGFjMS00M2IyLWFmNTYtMWEyY2M3ZjI0MDM0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIwNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyMzVmODhlZTU0YjZkMjNlNmI3M2UwOTMyNDhiZjI0Njg1NWIzOTViYzViYzU3MmY0ZGY2YzU0YTgzOTk0NmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PlaygcpWzOgdpExrZ8DHVO0uPH33TzkhEpIPPGtJgdQ)
![Screenshot 2023-10-11 at 11 34 53 PM](https://private-user-images.githubusercontent.com/84602714/274473182-bf699be1-d674-4bea-9c5f-69bba07f2a19.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjYwMDAsIm5iZiI6MTcyMDEyNTcwMCwicGF0aCI6Ii84NDYwMjcxNC8yNzQ0NzMxODItYmY2OTliZTEtZDY3NC00YmVhLTljNWYtNjliYmEwN2YyYTE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIwNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTViZTg3NDk4Nzg1YTcyMmQzMTdkM2U1NWUwZTgwYTk0MDE3YTM4MzQzNWZlYWIxMjcwZmMxNWQ0YWM0OWJjMDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.rBmiI7F9vqe_NrI_IeLomOBNwrJWNgrUfjsOoiFwyWA)
![Screenshot 2023-10-11 at 11 35 01 PM](https://private-user-images.githubusercontent.com/84602714/274473202-f1cb2336-f967-4c98-ba29-970dfd56d35e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjYwMDAsIm5iZiI6MTcyMDEyNTcwMCwicGF0aCI6Ii84NDYwMjcxNC8yNzQ0NzMyMDItZjFjYjIzMzYtZjk2Ny00Yzk4LWJhMjktOTcwZGZkNTZkMzVlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIwNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYzZjkzODE2ODkzNWIxZDYwOTVlMTE1ZTQ1ZDg0NjU1MjUwMWQ2NmNmNzQ0YTRhZjQyMjY4Mjk0NzczY2RkNWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.T4W9f5NsaRUZIabhfSW4sSMgTAfxhrxy1mZLAoj1TA4)
![Screenshot 2023-10-11 at 11 35 10 PM](https://private-user-images.githubusercontent.com/84602714/274473214-cae0950b-c508-49cb-9268-b0c0917dbe16.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjYwMDAsIm5iZiI6MTcyMDEyNTcwMCwicGF0aCI6Ii84NDYwMjcxNC8yNzQ0NzMyMTQtY2FlMDk1MGItYzUwOC00OWNiLTkyNjgtYjBjMDkxN2RiZTE2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIwNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE1ODIwMmQ5NzViNDhhMjczNjIzYTY3Y2Q1YzY4NTBkZGI2Nzg2Zjc2MDhhNmQ0M2E5MmFiNDg5ZjBiNDEzMzkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.odSMihh9IhkBFLmastsdyh0nVkDnH1jCJi-T3bhNTpU)
![Screenshot 2023-10-11 at 11 35 18 PM](https://private-user-images.githubusercontent.com/84602714/274473226-37eec0cf-b9ed-4bb1-a949-463cc39a7bb2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjYwMDAsIm5iZiI6MTcyMDEyNTcwMCwicGF0aCI6Ii84NDYwMjcxNC8yNzQ0NzMyMjYtMzdlZWMwY2YtYjllZC00YmIxLWE5NDktNDYzY2MzOWE3YmIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIwNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU3NWQ4MWU2ZTA1YWNkYWJmNjlkMzdhNTBmNjkwYzc0MmQxMWQ4ZTg0NTZlN2QyNmIwYzA4MzZiMjJlMzMwMDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wqKabna0kLHgueBSPvD371MvU1AGsmFloEmZhylNqc0)
![Screenshot 2023-10-11 at 11 35 37 PM](https://private-user-images.githubusercontent.com/84602714/274473232-038be512-e06b-4e72-89a8-f3d535437462.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjYwMDAsIm5iZiI6MTcyMDEyNTcwMCwicGF0aCI6Ii84NDYwMjcxNC8yNzQ0NzMyMzItMDM4YmU1MTItZTA2Yi00ZTcyLTg5YTgtZjNkNTM1NDM3NDYyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIwNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIyMzMyYjY0NGRiNDhiYmQ0ZDBlYWQyMzU4ZjBmYzk2MTJkZGFiNjg5NTA1ZDJjNDMxNGQ1MmMzMWM0MWVlYzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0S2Fq53dt3XWwpQL1NWslJXZ_RtRXOpMfct-0ZOXcxw)
- Vite
- React.js
- JavaScript
- Tailwind CSS
- Mobile-first workflow