Commit 31c20a88 authored by Alicia.DeDiosFuente's avatar Alicia.DeDiosFuente
Browse files

fix: improve grid display in archive detail

parent 67a3f3fe
......@@ -119,9 +119,7 @@ $padding-bottom-desktop: 20px;
.statistics {
display: grid;
grid-template-rows: auto;
grid-template-areas:
"view-number . . download-number"
"rating rating rating rating";
grid-template-areas: "view-number . . download-number" "rating rating rating rating";
grid-template-columns: min-content min-content;
align-items: center;
justify-content: center;
......@@ -169,8 +167,7 @@ $padding-bottom-desktop: 20px;
//grid-template-areas: "image-wrapper image-wrapper . ."
//"base-info base-info base-info complementary-info";
grid-template-areas: "image-wrapper base-info base-info"
"image-wrapper complementary-info complementary-info";
grid-template-areas: "image-wrapper base-info base-info" "image-wrapper complementary-info complementary-info";
.base-info {
border: none !important;
......@@ -179,9 +176,7 @@ $padding-bottom-desktop: 20px;
}
@include respond-to-smaller-than-breakpoint('md') {
grid-template-areas: "image-wrapper"
"base-info"
"complementary-info";
grid-template-areas: "image-wrapper" "base-info" "complementary-info";
.base-info {
border: none;
......@@ -189,9 +184,7 @@ $padding-bottom-desktop: 20px;
}
@include respond-to-smaller-than-breakpoint('sm') {
grid-template-areas: "image-wrapper"
"base-info"
"complementary-info";
grid-template-areas: "image-wrapper" "base-info" "complementary-info";
.base-info .base-info-list > li {
grid-template-columns: 1fr;
......@@ -226,10 +219,12 @@ $padding-bottom-desktop: 20px;
.packages-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: auto;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
@include respond-to-smaller-than-breakpoint('md') {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
> li {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment