Rev 2294 | AutorÃa | Ultima modificación | Ver Log |
@use "../css/shared/variables";
@use "../css/shared/breakpoints";
.profile_info {
width: 100%;
padding: 25px 20px;
border: 1px solid variables.$border-gray;
background-color: variables.$white;
text-align: center;
margin-bottom: 30px;
border-radius: variables.$border-radius;
h3 {
justify-content: flex-start;
font-weight: 700;
font-size: 1.3rem;
}
h4 {
position: absolute;
bottom: 0;
}
ul {
display: flex;
gap: 5px;
justify-content: center;
li {
flex: 1;
a,
button {
width: 100%;
}
}
}
hr {
width: 80%;
margin: 1rem auto;
}
&_header {
display: flex;
position: relative;
&_imgContainer {
overflow: hidden;
border-radius: 100px;
margin: 0 auto;
}
}
}
@include breakpoints.maxwidth("medium") {
.profile_info ul li {
flex: auto;
}
}