How do i strech the size of this element
I want to strech so that if when the title container is thicker the close button has the same height and also so that the close button always have the same width as height.
A
A.navContainer {
display: flex;
gap: 5px;
margin-bottom: 10px;
align-items: center;
}
.close-btn {
background-color: #161616;
flex-grow: 1;
padding: 15px;
border-radius: 5px;
text-align: center;
font-weight: bold;
}
display: flex;
gap: 5px;
margin-bottom: 10px;
align-items: center;
}
.close-btn {
background-color: #161616;
flex-grow: 1;
padding: 15px;
border-radius: 5px;
text-align: center;
font-weight: bold;
}
A.this is where the wierd text is/error {
width: 100%;
padding: 15px 10px;
}
width: 100%;
padding: 15px 10px;
}
ACan't tell for certain without seeing an actual example with HTML (usually a codepen is recommended) but assuming the alert and the X button are in the navContainer, remove or change it to
AYhe tried it but it just got fucked thanks tho im gona try later and put into code pen