51 lines
622 B
CSS
51 lines
622 B
CSS
.content h1 {
|
|
text-align: center;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.projects {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.projects img {
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.card {
|
|
display: flex;
|
|
border: 1px solid red;
|
|
width: min(40rem, calc(100% - 1rem));
|
|
}
|
|
|
|
.card .card_text > * {
|
|
margin: 1rem;
|
|
}
|
|
|
|
.card > * {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.card .card_left {
|
|
border: 1px solid green;
|
|
}
|
|
|
|
.card .card_right {
|
|
border: 1px solid yellow;
|
|
}
|
|
|
|
.technologies {
|
|
display: flex;
|
|
gap: 1rem;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.technologies span {
|
|
border: 1px solid white;
|
|
padding: .5rem;
|
|
border-radius: 5px;
|
|
}
|