fixed size for different sizes
This commit is contained in:
parent
fb1e33fad5
commit
8c929d0dc3
1 changed files with 6 additions and 6 deletions
|
@ -22,11 +22,11 @@
|
||||||
height: 175px;
|
height: 175px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@container (min-width: 600px) {
|
@container (max-width: 599px) {
|
||||||
grid-template-columns: 175px minmax(0, 1fr);
|
grid-template-columns: 175px minmax(0, 1fr);
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3rem;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
|
@ -44,7 +44,7 @@
|
||||||
grid-template-columns: 200px minmax(0, 1fr);
|
grid-template-columns: 200px minmax(0, 1fr);
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3.5rem;
|
height: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
|
@ -62,7 +62,7 @@
|
||||||
grid-template-columns: 225px minmax(0, 1fr);
|
grid-template-columns: 225px minmax(0, 1fr);
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 4.5rem;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
|
@ -80,7 +80,7 @@
|
||||||
grid-template-columns: 250px minmax(0, 1fr);
|
grid-template-columns: 250px minmax(0, 1fr);
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 5rem;
|
height: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
|
@ -96,7 +96,7 @@
|
||||||
|
|
||||||
@container (min-width: 1500px) {
|
@container (min-width: 1500px) {
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 5.5rem;
|
height: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue