Skip to content

Commit

Permalink
sponsorship tier reposiveness issue fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
@vishvamsinh28
vishvamsinh28 committed Sep 4, 2023
1 parent 5ef718f commit b7e90da
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 19 deletions.
32 changes: 16 additions & 16 deletions components/FinancialSummary/SponsorshipTiers.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ function SponsorshipTiers() {
return (
<div className="grid lg:grid-cols-9 lg:gap-8 lg:text-center mt-16 bg-purple-100">
<div className="col-start-2 col-span-7 my-12">
<div id="sponsorship">
<div id="sponsorship" className="mx-2">
<Heading level="h1" typeStyle="heading-md my-3 mx-3">
<h1 id="sponsorship-tiers" className="text-4xl">Sponsorship Tiers</h1>
</Heading>
Expand All @@ -22,39 +22,39 @@ function SponsorshipTiers() {
<table className="my-8 w-full max-w-full border-collapse border border-gray-500">
<thead className="bg-[#805CDA] text-lg text-white">
<tr>
<th className="border border-gray-500 px-6 py-4 md:px-10 md:py-6 text-2xl">Tiers</th>
<th className="border border-gray-500 px-6 py-4 md:px-10 md:py-6 text-2xl">Amounts</th>
<th className="border border-gray-500 px-6 py-4 md:px-10 md:py-6 text-2xl">Benefits</th>
<th className="border border-gray-500 md:px-6 md:py-4 md:px-10 md:py-6 md:text-2xl">Tiers</th>
<th className="border border-gray-500 md:px-6 md:py-4 md:px-10 md:py-6 md:text-2xl">Amounts</th>
<th className="border border-gray-500 md:px-6 md:py-4 md:px-10 md:py-6 md:text-2xl">Benefits</th>
</tr>

</thead>

<tbody className="text-sm font-normal">
<tr>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">Bronze</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">$100/month</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-left text-base text-[#212526]">
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">Bronze</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">$100/month</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 text-left md:text-base text-[#212526]">
Company logo in README on GitHub
</td>
</tr>
<tr>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">Silver</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">$500/month</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-left text-base text-[#212526]">
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">Silver</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">$500/month</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 text-left md:text-base text-[#212526]">
Company logo in README on GitHub and asyncapi.com
</td>
</tr>
<tr>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">Gold</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">$1000/month</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-left text-base text-[#212526]">
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">Gold</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">$1000/month</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-left text-base text-[#212526]">
Company logo in README on GitHub and asyncapi.com
</td>
</tr>
<tr>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">Platinum</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-base text-[#212526]">$2000/month</td>
<td className="border border-gray-500 px-6 py-2 md:px-10 md:py-2 text-left text-base text-[#212526]">
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">Platinum</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 md:text-base text-[#212526]">$2000/month</td>
<td className="border border-gray-500 p-2 md:px-6 md:py-2 md:px-10 md:py-2 text-left md:text-base text-[#212526]">
Company logo in README on GitHub and asyncapi.com.
Up to 2 hours of support per month. Support will be
remote with the option of a shared screen or via private chat.
Expand Down
7 changes: 4 additions & 3 deletions pages/finance.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,12 @@ import { useEffect, useState } from 'react'
function FinancialSummary() {
const [windowWidth, setWindowWidth] = useState(0);

const handleResize = () => {
setWindowWidth(window.innerWidth);
};

// Update the window width when the component mounts and when the window is resized
useEffect(() => {
const handleResize = () => {
setWindowWidth(window.innerWidth);
};

// Initial width
handleResize();
Expand Down

0 comments on commit b7e90da

Please sign in to comment.