css new header-bottom

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-10 12:45:17 +01:00
parent 90fa6b3a3b
commit cce83ae238
3 changed files with 17 additions and 8 deletions

File diff suppressed because one or more lines are too long

View File

@ -93,7 +93,7 @@
}
}
.last-news{
margin-top: 2rem;
margin-top: 0.5rem;
height: auto;
.slick-track{
height: 40vw;

View File

@ -1,5 +1,6 @@
//header
.header_top_middle_container{
.header_bottom_container{
.programme-1{
.views-field-field-programme{
.field-content{
@ -167,9 +168,9 @@
#header-top{
height: 5rem;
background: white;
padding-bottom: 1rem;
padding-top: 1rem;
border-bottom: solid black 0.5px;
}
.header_top_left_container{
height: 100%;
display: grid;
@ -196,8 +197,12 @@
grid-template-columns: 1fr 1fr;
}
}
.header_top_middle_container{
#header-top-middle{
display: flex;
align-items: center;
justify-content: end;
}
.header_bottom_container{
height: 100%;
// solution to access views container
.views-element-container{
@ -209,8 +214,10 @@
// display: grid;
// grid-template-columns: repeat(4, 1fr);
display: flex;
justify-content: end;
justify-content: space-evenly;
align-items: center;
padding: 1rem 15%;
&>div:first-child{
grid-column-start: 2;
}
@ -297,6 +304,8 @@
}
#header-top-right{
border-left: solid black 0.5px;
.header_top_right_container{
position: absolute;
top: 0;