Page d'une session - affichage du header (proposition)

[asplamagnifique2]

Je ne sais plus faire une merge request, mais j'ai essayé de modif des lignes dans le fichier _conference_full.css

ce qui donne ça, est ce que tu peux tester ? me dire ce que tu en penses ?
on devrait avoir un truc comme ça

.conference-full__header {
margin-block-end: 3rem;
background-color: #e8eef0;
border: 0px 0px 0px 9px solid var(--level-color);
border-radius: 15px;
padding: 0rem;
box-shadow: var(--level-color) 4px 4px 0px;
}
.conference-full__title {
letter-spacing: -3px;
font-size: 2rem;
margin-block-start: 0;
padding: 2rem 2rem 0;
@include media('>=tablet') {
font-size: 3rem;
}
}
.conference-full {
--level-color: var(--session-level-basic);
}
.session-level--decouverte {
--level-color: var(--session-level-basic);
}
.session-level--intermediaire {
--level-color: var(--session-level-medium);
}
.session-level--expertise {
--level-color: var(--session-level-hard);
}
.session-level {
background-color: var(--level-color);
border-radius: 5px;
padding: 0 0.5rem;
margin-inline-end: 0.5rem;
font-weight : normal;
color: #fff;
}
.conference-full__meta {
display: flex;
padding: 0;
justify-content: center;
align-items: stretch;
gap: 0;
margin: 0;
flex-direction: column;
@include media('>=tablet'){
flex-direction: row;
}
}
.conference-full__meta-item {
list-style: none;
padding: 0.5rem 0;
display: flex;
align-items: center;
gap: 0.5rem;
@include media('<tablet') {
border-block-end: solid var(--level-color);
justify-content: start;
&:last-child {
border-block-end: none;
}
}
@include media('>=tablet') {
padding: 1rem 4rem;
max-width: 20rem;
&:last-child {
border-inline-end: none;
}
}
}
.conference-full__duration.conference-full__meta-item {
flex: 0 0 fit-content;
justify-content: start;
@include media('>=desktop') {
justify-content: center;
flex: 0 0 6rem;
}
}
.icon--session {
width: 20px;
height: 20px;
flex: 0 0 auto;
}

.conference-full__teaser {
font-style: italic;
font-size: 1.5rem;
margin-block-end: 3rem;
letter-spacing: -1px;
line-height: 1.5;
border-inline-start:solid 5px var(--level-color);
padding-inline-start: 0.8rem;
}
.conference-full__teaser p {
margin: 0.5rem 0;
}