Skip to content
Submitted 10 months ago

# Sunnyside Agency | React | Framer Motion | TailwindCSS

Can Cömertpay•440
@cancomertpay
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Welcome to the Sunnyside Agency landing page project! This project is a fun and colorful landing page created using React, Vite, Tailwind CSS and Framer Motion. It follows the mobile-first approach and is designed to be responsive on various devices including mobile phones, tablets, and desktops.

Technologies Used

  • React
  • Vite
  • Tailwind CSS
  • Framer Motion

Features

  • Fun and colorful design
  • Responsive layout for mobile, tablet, and desktop
  • Interactive animations powered by Framer Motion

Important note: The reason for the application not rendering correctly in Frontend Mentor's checker is due to the Framer Motion's whileInView feature. Please don't be prejudiced and take a look at the live preview of the application.

Community feedback

  • Tolulope-as•120
    @Tolulope-asPosted 10 months ago

    Wow I love the transitions but I noticed your background image is somewhat to the right I think u should use

    background-position :top center;
    Marked as helpful
    0
  • Pedro Señeriz•30
    @PedroS2001Posted 10 months ago

    Wow It's really a very good project. However, some corrections can be made.

    Very cool animations!! Although I personally do not like that the animation runs all the time, but only the first time.

    When the screen size is between 500 and 780 (large tablet and mobile), the responsive fails and the menu looks bad.

    keep going!

    1
    Can Cömertpay•440
    @cancomertpayPosted 10 months ago

    @PedroS2001 Thanks Pedro, I'll fix it.

    0

Please log in to post a comment

Log in with GitHub

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