responsive home

This commit is contained in:
2022-04-08 13:05:46 +02:00
parent e601dce2bd
commit e61aaaea04
3 changed files with 44 additions and 6 deletions
+20 -3
View File
@@ -187,7 +187,7 @@ a {
.page-node-type-static .layout__region--third .block-region-third {
margin: auto; } }
@media (max-width: 300px) {
@media (max-width: 479px) {
#header-top #block-logogouv img {
min-width: 60px;
width: 70%;
@@ -498,7 +498,7 @@ a {
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content {
display: flex;
padding-left: 1rem;
flex-direction: column;
width: 80%; } }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .views-row:nth-of-type(1) {
grid-column: 2; }
@@ -563,7 +563,11 @@ a {
align-self: flex-end; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
grid-column: 3 / span 6; } }
grid-column: 2 / span 4;
max-width: 80%;
margin: auto;
margin-top: 1rem;
margin-bottom: 1.5rem; } }
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link {
width: fit-content;
height: fit-content;
@@ -593,6 +597,9 @@ a {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
width: 70%;
margin: auto; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
width: 80%; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) {
display: flex;
flex-direction: row;
@@ -626,6 +633,9 @@ a {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche {
flex: 1 1 50px;
padding-left: 1rem; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche {
padding-left: 0em; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
background-color: white;
font-size: 1.5rem;
@@ -633,10 +643,17 @@ a {
padding-bottom: 2rem;
margin-block-start: 0;
text-align: start !important; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
font-size: 1.2rem;
width: 100%; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-videos {
flex: 0 0 80%;
padding-top: 4rem;
margin: auto; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-videos {
flex: 0 0 100%; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-videos .field__items .field__item:nth-of-type(1) {
display: none; }