mehedi
/
skilld-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: pricing page responsiveness

This commit is contained in:
mehedi-hasan 2024-04-09 02:18:11 +06:00
parent 18fbca4757
commit f545f2ebf0
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(app)/pricing/page.tsx
View File

@ -62,7 +62,7 @@ export default function Page() {
subtitle="At Skilled AI, we empower software engineers with top-notch upskilling resources tailored to their career goals. Explore our pricing plans below and take the next step towards mastering your craft." subtitle="At Skilled AI, we empower software engineers with top-notch upskilling resources tailored to their career goals. Explore our pricing plans below and take the next step towards mastering your craft."
/> />
<PricingSwitch onSwitch={togglePricingPeriod} /> <PricingSwitch onSwitch={togglePricingPeriod} />
<section className="flex flex-col sm:flex-row sm:flex-wrap justify-center gap-8 mt-8"> <section className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 justify-center gap-8 mt-8">
{plans.map((plan) => { {plans.map((plan) => {
return <PricingCard key={plan.title} {...plan} isYearly={isYearly} />; return <PricingCard key={plan.title} {...plan} isYearly={isYearly} />;
})} })}

2
src/components/footer.tsx
View File

@ -43,7 +43,7 @@ export default function Footer() {
</section> </section>
<footer className="border-t py-12 md:20"> <footer className="border-t py-12 md:20">
<div className="max-w-7xl mx-auto px-4 grid grid-cols-4 gap-4"> <div className="max-w-7xl mx-auto px-4 grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
<ul className="space-y-1"> <ul className="space-y-1">
<li> <li>
<Link className="text-muted-foreground hover:underline" href="#"> <Link className="text-muted-foreground hover:underline" href="#">