changes - #2
Conversation
|
@shubhamhehe is attempting to deploy a commit to the Amanraz Thakur's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
❌ Only code owners can use these commands. |
There was a problem hiding this comment.
Pull Request Overview
This PR consolidates multiple changes to improve responsive design and visual consistency across the frontend application, focusing on mobile optimization and UI enhancements.
- Implements responsive design improvements across multiple components with breakpoint-specific styling
- Updates typography sizing to use responsive scale instead of fixed pixel values
- Enhances mobile layout handling and component positioning
Reviewed Changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| frontend/src/styles/FAQ.module.css | Replaces hidden skull element with positioned decorative element |
| frontend/src/components/Sponsors.tsx | Updates title typography to responsive sizing |
| frontend/src/components/Navigation.tsx | Removes scroll-based navigation styling and simplifies positioning |
| frontend/src/components/Hero.tsx | Major responsive redesign with mobile-specific layouts and positioning |
| frontend/src/components/Gallery.tsx | Updates title sizing and animation timing |
| frontend/src/components/FAQ.tsx | Adds font imports and styling enhancements |
| frontend/src/components/Contact.tsx | Improves toast notifications and adds footer navigation |
| frontend/src/components/About.tsx | Implements responsive layouts and typography improvements |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| {/* <Image | ||
| src="/Hero/Vector-3.png" | ||
| alt="" | ||
| width={55} | ||
| height={10} | ||
| className="block sm:hidden size-10 absolute bottom-10 right-[26%] animate-bat-float-delay-2" | ||
| /> */} |
There was a problem hiding this comment.
Remove commented-out code instead of leaving it in the codebase. This reduces clutter and improves code maintainability.
| {/* <Image | ||
| src="/Hero/Vector-8.png" | ||
| alt="" | ||
| width={25} | ||
| height={10} | ||
| className="block sm:hidden size-10 absolute bottom-10 right-[32.5%] animate-bat-float-delay-1" | ||
| /> */} |
There was a problem hiding this comment.
Remove commented-out code instead of leaving it in the codebase. This reduces clutter and improves code maintainability.
| {/* <h1 | ||
| className={`${nosifer.className} hero-subtitle text-[6vw] sm:text-[4.6vw] mt-[2.5vw] sm:mt-[1.6vw] leading-none text-white hover-lift opacity-0`} | ||
| > | ||
| v8.o | ||
| </h1> */} |
There was a problem hiding this comment.
Remove commented-out code instead of leaving it in the codebase. This reduces clutter and improves code maintainability.
| {/* <div className="block sm:hidden absolute bottom-0 left-0 right-0 bg-black p-4 z-50"> | ||
| <p className={`${poppins.className} text-white text-center text-[10px]`}> | ||
| Where creativity meets technology. A community of thinkers, builders, and leaders shaping the future. | ||
| </p> | ||
| </div> */} |
There was a problem hiding this comment.
Remove commented-out code instead of leaving it in the codebase. This reduces clutter and improves code maintainability.
| {/* <h2 className={`${jollyLodger.className} text-[#FF0000] text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl text-center mb-8 md:mb-12`}> */} | ||
| {/* <h2 className={`${styles.faqTitle} text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl faq-title text-center mb-6`}> */} |
There was a problem hiding this comment.
Remove commented-out code instead of leaving it in the codebase. This reduces clutter and improves code maintainability.
| {/* <h2 className={`${jollyLodger.className} text-[#FF0000] text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl text-center mb-8 md:mb-12`}> */} | |
| {/* <h2 className={`${styles.faqTitle} text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl faq-title text-center mb-6`}> */} |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
❌ Only code owners can use these commands. |
changes