Skip to content

Commit

Permalink
fix: adjusting landing.scss again
Browse files Browse the repository at this point in the history
  • Loading branch information
Rafael-Mori-2022 committed Sep 25, 2024
1 parent 53ec17c commit 4e3bfa8
Showing 1 changed file with 220 additions and 0 deletions.
220 changes: 220 additions & 0 deletions assets/css/landing.scss
Original file line number Diff line number Diff line change
Expand Up @@ -466,3 +466,223 @@
height: auto !important;
}
}

@media (min-width: 530px) and (max-width: 770px){
.links-landing {
@apply flex flex-col justify-center items-center ;
width: 100%;

.links-item {
@apply flex flex-col justify-start items-start m-8;
width: 60%;
height: 16rem;
border-radius: 8px;
box-sizing: border-box;
background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);

a {
@apply flex flex-col mt-auto;
}

img {
border-radius: 8px;
width: inherit;
height: inherit;
@apply absolute;
z-index: -10;
}

h3 {
padding-left: 1rem;
}

p {
text-wrap: wrap;
margin-top: 0.5rem;
padding: 0 1rem 1.5rem 1rem;
}

button {
width: 100%;
padding: 0 1rem 1.5rem 0;
background-color: transparent;

p {
display: inline-flex;
width: inherit;

&:hover {
text-decoration: underline;
}
}
}
}
}

}

@media (min-width: 350px) and (max-width: 529px){



.links-landing {
@apply flex flex-col justify-center items-center;
width: 100%;

.links-item {
@apply flex flex-col justify-start items-start m-8;
width: 70%;
height: 13rem;
border-radius: 8px;
box-sizing: border-box;
background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);

a {
@apply flex flex-col mt-auto;
}

img {
border-radius: 8px;
width: inherit;
height: inherit;
@apply absolute;
z-index: -10;
}

h3 {
padding-left: 1rem;
}

p {
text-wrap: wrap;
margin-top: 0.5rem;
padding: 0 1rem 1.5rem 1rem;
}

button {
width: 100%;
padding: 0 1rem 1.5rem 0;
background-color: transparent;

p {
display: inline-flex;
width: inherit;

&:hover {
text-decoration: underline;
}
}
}
}
}
}

@media (min-width: 530px) and (max-width: 770px){
.links-landing {
@apply flex flex-col justify-center items-center ;
width: 100%;

.links-item {
@apply flex flex-col justify-start items-start m-8;
width: 60%;
height: 16rem;
border-radius: 8px;
box-sizing: border-box;
background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);

a {
@apply flex flex-col mt-auto;
}

img {
border-radius: 8px;
width: inherit;
height: inherit;
@apply absolute;
z-index: -10;
}

h3 {
padding-left: 1rem;
}

p {
text-wrap: wrap;
margin-top: 0.5rem;
padding: 0 1rem 1.5rem 1rem;
}

button {
width: 100%;
padding: 0 1rem 1.5rem 0;
background-color: transparent;

p {
display: inline-flex;
width: inherit;

&:hover {
text-decoration: underline;
}
}
}
}
}

}

@media (min-width: 350px) and (max-width: 529px){



.links-landing {
@apply flex flex-col justify-center items-center;
width: 100%;

.links-item {
@apply flex flex-col justify-start items-start m-8;
width: 70%;
height: 13rem;
border-radius: 8px;
box-sizing: border-box;
background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);

a {
@apply flex flex-col mt-auto;
}

img {
border-radius: 8px;
width: inherit;
height: inherit;
@apply absolute;
z-index: -10;
}

h3 {
padding-left: 1rem;
}

p {
text-wrap: wrap;
margin-top: 0.5rem;
padding: 0 1rem 1.5rem 1rem;
}

button {
width: 100%;
padding: 0 1rem 1.5rem 0;
background-color: transparent;

p {
display: inline-flex;
width: inherit;

&:hover {
text-decoration: underline;
}
}
}
}
}
}

0 comments on commit 4e3bfa8

Please sign in to comment.