Skip to content

Worked on Responsiveness #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
saatvik-10 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Worked on Responsiveness #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7349ab6
Worked on Responsiveness
saatvik-10 Jan 10, 2024
a8f6b8a
Update globals.css
saatvik-10 Jan 20, 2024
77b9364
Merge branch 'main' into main
BRAVO68WEB Jan 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 12 additions & 3 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");

@tailwind base;
@tailwind components;
Expand Down Expand Up @@ -31,7 +31,16 @@
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Minecraft', sans-serif;
font-family: "Minecraft", sans-serif;
::-webkit-scrollbar {
display: none;
}
}

body {
max-width: 100%;
overflow-x: hidden;
overflow-y: auto;
}

.glitch {
Expand All @@ -58,4 +67,4 @@
background-position: center;
background-repeat: no-repeat;
filter: grayscale(100%);
}
}
4 changes: 2 additions & 2 deletions app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export default function Home() {
const [registerOpen, setRegisterOpen] = useState(false)
return (
<main className="text-text ">
<section className="relative min-h-screen lg:h-screen w-screen">
<section className="relative min-h-screen lg:h-screen w-screen pt-6">
<div className="flex relative flex-col min-h-screen lg:h-screen px-4 lg:px-8 pt-18 justify-center p-2 mx-auto max-w-7xl">
<h1 className="text-5xl lg:text-6xl font-bold glitch">
REPUBLIC OF <br />
Expand Down Expand Up @@ -92,7 +92,7 @@ export default function Home() {
<PerksSection />
<VenueDate />
<TicketSection />
{/* <SponsorSection /> */}

@BRAVO68WEB BRAVO68WEB Jan 17, 2024

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dont uncomment this line

{<SponsorSection />}
<CoreTeam />
<RersourcePersons />
<CommunityPartners />
Expand Down
2 changes: 1 addition & 1 deletion components/CommunityPartners/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import communityPartners from "@/config/communitypartners.json";

function CommunityPartners() {
return (
<section className="lg:h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
<section className="lg:min-h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
<h2 className="text-5xl lg:text-8xl text-primary font-bold">Community Partners</h2>
<div className="list grid grid-cols-2 lg:grid-cols-3 w-full gap-8 lg:gap-16 p-8 lg:p-10 max-w-4xl mx-auto">
{communityPartners.map((member) => (
Expand Down
2 changes: 1 addition & 1 deletion components/CoreTeam/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import coreTeam from "@/config/coreteam.json";

function CoreTeam() {
return (
<section className="lg:h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
<section className="lg:min-h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
<h2 className="text-5xl lg:text-8xl text-primary font-bold">Core Team</h2>
<div className="list grid grid-cols-2 lg:grid-cols-3 w-full gap-8 lg:gap-16 p-8 lg:p-10 max-w-4xl mx-auto">
{coreTeam.map((member) => (
Expand Down
2 changes: 1 addition & 1 deletion components/PerksSection/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React from 'react'

function PerksSection() {
return (
<section className="flex flex-col lg:h-screen justify-between pt-24">
<section className="flex flex-col lg:min-h-screen justify-between pt-24">
<h2 className='mx-auto text-5xl font-medium my-10 text-center'>
Prepare for the ultimate <br /> test of
<span className="text-primary"> Cyber Prowess</span>
Expand Down
2 changes: 1 addition & 1 deletion components/TicketSection/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ function TicketSection() {
const [ticketBookingOpen, setTicketBookingOpen] = useState(false)
const [bookTicketType, setBookTicketType] = useState('')
return (
<section id="ticketSection" className="flex flex-col lg:flex-row lg:h-screen max-w-7xl mx-auto px-4 lg:px-8 py-10 justify-center items-center gap-4 rcs-back-2">
<section id="ticketSection" className="flex flex-col lg:flex-row lg:min-h-screen max-w-7xl mx-auto px-4 lg:px-8 py-10 justify-center items-center gap-4 rcs-back-2">
<TicketCardLPU setTicketType={setBookTicketType} setTicketBookingOpen={setTicketBookingOpen}/>
<TicketCardStudent setTicketType={setBookTicketType} setTicketBookingOpen={setTicketBookingOpen}/>
<TicketCardStandard setTicketType={setBookTicketType} setTicketBookingOpen={setTicketBookingOpen}/>
Expand Down
2 changes: 1 addition & 1 deletion components/VenueDate/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React from 'react'

function VenueDate() {
return (
<section className="flex flex-col gap-8 lg:h-screen max-w-7xl mx-auto p-4 lg:p-8 justify-center venu">
<section className="flex flex-col gap-8 lg:min-h-screen max-w-7xl mx-auto p-4 lg:p-8 justify-center venu">
<div className="flex flex-col gap-8 lg:flex-row w-full items-start justify-between">
<div className="item">
<p className="mb-3 text-3xl text-primary font-medium">
Expand Down