winsdominoes
/
website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

got rid of profile pic disappearing + basic info now terms to flex-col on small screens

This commit is contained in:
WinsDominoes 2023-12-22 09:51:52 +07:00
parent d17cac65a0
commit d2aaa76bd9
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/page.tsx
View File

@ -11,7 +11,7 @@ export default function Home() {
<main> <main>
<div className="min-w-0 mt-6 flex flex-col gap-8 max-lg:mx-4"> <div className="min-w-0 mt-6 flex flex-col gap-8 max-lg:mx-4">
<div className="grid grid-cols-3 gap-8 max-lg:flex max-lg:flex-col max-lg:justify-center"> <div className="grid grid-cols-3 gap-8 max-lg:flex max-lg:flex-col max-lg:justify-center">
<div className="col-span-1 max-lg:hidden"> <div className="col-span-1">
<Image <Image
src="/images/picture.png" src="/images/picture.png"
width={200} width={200}
@ -32,7 +32,7 @@ export default function Home() {
<div className="col-span-3"> <div className="col-span-3">
<h2 className="text-4xl font-bold mt-2">About Me</h2> <h2 className="text-4xl font-bold mt-2">About Me</h2>
<div className='mt-4 text-lg grid grid-cols-4 max-lg:flex max-lg:flex-col'> <div className='mt-4 text-lg grid grid-cols-4 max-sm:flex max-sm:flex-col'>
<div> <div>
<span className='font-bold underline decoration-2 decoration-green-500'>Nickname</span>: Win <span className='font-bold underline decoration-2 decoration-green-500'>Nickname</span>: Win
</div> </div>