overflox slide programme
This commit is contained in:
@@ -206,7 +206,7 @@ header {
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
margin: auto;
|
||||
// width: 90%;
|
||||
@media screen and (max-width: 300px) {
|
||||
@media screen and (max-width: 550px) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -217,7 +217,7 @@ header {
|
||||
grid-column: 1 / span 5;
|
||||
grid-row: 2;
|
||||
margin-bottom: 2rem;
|
||||
@media screen and (max-width: 300px) {
|
||||
@media screen and (max-width: 550px) {
|
||||
font-size: 4.5rem;
|
||||
order: 3;
|
||||
}
|
||||
@@ -226,7 +226,7 @@ header {
|
||||
grid-column: 1 / 4;
|
||||
grid-row: 3;
|
||||
font-size: 2.5rem;
|
||||
@media screen and (max-width: 300px) {
|
||||
@media screen and (max-width: 550px) {
|
||||
font-size: 1.5rem;
|
||||
order: 4;
|
||||
}
|
||||
@@ -237,7 +237,7 @@ header {
|
||||
font-size: 3.5rem;
|
||||
grid-column: 5 / span 7;
|
||||
grid-row: 3;
|
||||
@media screen and (max-width: 300px) {
|
||||
@media screen and (max-width: 550px) {
|
||||
font-size: 1.5rem;
|
||||
order: 2;
|
||||
}
|
||||
@@ -247,7 +247,7 @@ header {
|
||||
grid-column: 5 / span 7;
|
||||
grid-row: 1;
|
||||
font-size: 2rem;
|
||||
@media screen and (max-width: 300px) {
|
||||
@media screen and (max-width: 550px) {
|
||||
font-size: 1.5rem;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user