svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make SVR.JS logo in the about section centered on mobile devices and change the spacing

Browse source
This commit is contained in:
Dorian Niemiec 2024-09-07 10:11:54 +02:00
parent 85f8d8abdc
commit 34fdf4a62e
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/shared/About.tsx
View file

@ -6,13 +6,13 @@ const About = () => {
return ( return (
<section id="about" className="container py-2 sm:py-9"> <section id="about" className="container py-2 sm:py-9">
<div className="bg-accent/50 border rounded-lg py-12"> <div className="bg-accent/50 border rounded-lg py-12">
<div className="px-6 flex flex-col-reverse md:flex-row gap-8"> <div className="px-6 flex flex-col-reverse md:flex-row gap-8 md:gap-12">
<Image <Image
src="/logo.svg" src="/logo.svg"
alt="SVR.JS logo" alt="SVR.JS logo"
width={172} width={172}
height={172} height={172}
className="w-[172px] object-contain rounded-lg flex-shrink-0" className="w-[172px] object-contain rounded-lg flex-shrink-0 mx-auto md:pl-6"
/> />
<div className="flex flex-col justify-between"> <div className="flex flex-col justify-between">