Skip to content

Commit

Permalink
fixed overflow bug
Browse files Browse the repository at this point in the history
  • Loading branch information
David committed Apr 19, 2023
1 parent 32e13be commit 755ac0f
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions app/components/Work.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,11 +23,11 @@ export default function Work() {
</div>

<ul className="flex flex-col gap-10 md:gap-20 lg:gap-32 2xl:gap-40 mt-[40px] md:mt-[80px]">
<li className="relative px-[24px] py-[30px] lg:px-0 md:py-0">
<li className="relative px-[24px] py-[30px] lg:px-0 md:py-0 overflow-hidden rounded-lg">
<Image
src={Stocks}
alt="Stocks"
className="absolute top-0 left-0 h-full w-full z-[-1] blur-[30px] hover:blur-0 md:bottom-0 md:left-[24px] lg:left-0 md:max-w-[calc(60%-24px)] md:blur-[5px] lg:max-w-[53%]"
className="absolute top-0 left-0 h-full w-full z-[-1] blur-[30px] hover:blur-0 md:bottom-0 md:left-[24px] lg:left-0 md:max-w-[calc(60%-24px)] md:blur-[5px] lg:max-w-[53%] rounded-2xl"
/>

<div>
Expand Down Expand Up @@ -99,11 +99,11 @@ export default function Work() {
</div>
</li>

<li className="relative px-[24px] py-[30px] lg:px-0 md:py-0 ">
<li className="relative px-[24px] py-[30px] lg:px-0 md:py-0 overflow-hidden rounded-lg">
<Image
src={Game}
alt="Game"
className="absolute top-0 left-0 h-full w-full z-[-1] blur-[40px] md:blur-[5px] md:left-[40%] md:max-w-[calc(60%-24px)] lg:left-[47%] lg:max-w-[53%]"
className="absolute top-0 left-0 h-full w-full z-[-1] blur-[40px] md:blur-[5px] md:left-[40%] md:max-w-[calc(60%-24px)] lg:left-[47%] lg:max-w-[53%] rounded-2xl"
/>

<div>
Expand Down Expand Up @@ -174,11 +174,11 @@ export default function Work() {
</div>
</li>

<li className="relative px-[24px] py-[30px] lg:px-0 md:py-0">
<li className="relative px-[24px] py-[30px] lg:px-0 md:py-0 overflow-hidden rounded-lg">
<Image
src={Starwars}
alt="Starwars"
className="absolute top-0 left-0 h-full w-full z-[-1] blur-[30px] hover:blur-0 md:bottom-0 md:left-[24px] lg:left-0 md:max-w-[calc(60%-24px)] md:blur-[5px] lg:max-w-[53%]"
className="absolute top-0 left-0 h-full w-full z-[-1] blur-[30px] hover:blur-0 md:bottom-0 md:left-[24px] lg:left-0 md:max-w-[calc(60%-24px)] md:blur-[5px] lg:max-w-[53%] rounded-2xl"
/>

<div>
Expand Down

1 comment on commit 755ac0f

@vercel
Copy link

@vercel vercel bot commented on 755ac0f Apr 19, 2023

Choose a reason for hiding this comment

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

Successfully deployed to the following URLs:

portfolio – ./

portfolio-davbazz.vercel.app
portfolio-nine-sigma-18.vercel.app
portfolio-git-main-davbazz.vercel.app

Please sign in to comment.