fixed screensizes
This commit is contained in:
parent
8d2b400c74
commit
107891ac21
2 changed files with 11 additions and 8 deletions
|
@ -46,14 +46,6 @@ const Hero = () => {
|
||||||
return (
|
return (
|
||||||
<section className="relative sm:container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
|
<section className="relative sm:container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
|
||||||
<GridPattern
|
<GridPattern
|
||||||
squares={[
|
|
||||||
[4, 4],
|
|
||||||
[5, 1],
|
|
||||||
[8, 2],
|
|
||||||
[6, 6],
|
|
||||||
[10, 5],
|
|
||||||
[13, 3],
|
|
||||||
]}
|
|
||||||
className={cn(
|
className={cn(
|
||||||
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]",
|
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]",
|
||||||
"inset-x-0 inset-y-[-50%] h-[200%] opacity-30"
|
"inset-x-0 inset-y-[-50%] h-[200%] opacity-30"
|
||||||
|
|
|
@ -10,6 +10,17 @@ const config = {
|
||||||
],
|
],
|
||||||
prefix: "",
|
prefix: "",
|
||||||
theme: {
|
theme: {
|
||||||
|
screens: {
|
||||||
|
"sm": "640px",
|
||||||
|
|
||||||
|
"md": "768px",
|
||||||
|
|
||||||
|
"lg": "1100px",
|
||||||
|
|
||||||
|
"xl": "1280px",
|
||||||
|
|
||||||
|
"2xl": "1536px",
|
||||||
|
},
|
||||||
container: {
|
container: {
|
||||||
center: true,
|
center: true,
|
||||||
padding: "2rem",
|
padding: "2rem",
|
||||||
|
|
Loading…
Reference in a new issue