#projectLeftCol, #projectRightCol { display: flex; } #projectLeftCol { /* float: left; */ padding-left: 0; } #projectRightCol { /* float: right; */ /* padding: 0; */ border: 1px solid; } #projectTitle { display: block; max-width: fit-content; /* pourquoi de la marge à droite ? */ } #projectTitle>ldp-display-div { font-size: 2.5rem; line-height: 1.1; font-weight: 400; margin-bottom: 20px; font-family: 'Righteous', cursive; display: inline-block; position: relative } /* Fait office de "text-decoration-line: underline" */ /* #projectTitle>.title::after { */ #projectTitle>ldp-display-div::after { content: ""; background: #292A2B; position: absolute; bottom: 2px; width: 100%; height: 4px; } #projectDetail .income-div, #projectDetail .quotation-div { display: flex; } .chat-box { border: 1px solid #FCC721; width: inherit; /* max-width: 1000px; */ display: flex; overflow: hidden; } #projectDivBackButton { height: fit-content; } /* TEST */ /* #projectDetail .project-title { background-color: plum; } #projectDetail .right-panel { background-color: chartreuse; } */