styling of section elements
This commit is contained in:
parent
04bef99ae7
commit
e7e7df5c8f
|
@ -28,7 +28,7 @@ main {
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
width: 50rem;
|
||||
width: 60vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
@ -77,6 +77,7 @@ main {
|
|||
display: grid;
|
||||
grid-template-rows: 5rem 25rem 25rem;
|
||||
grid-template-columns: 20rem 20rem;
|
||||
gap: 1rem;
|
||||
justify-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
@ -87,8 +88,8 @@ main {
|
|||
}
|
||||
|
||||
.favorite-baxter-photos figure {
|
||||
height: 20rem;
|
||||
width: 20rem;
|
||||
height: 22.5rem;
|
||||
width: 22.5rem;
|
||||
text-wrap: wrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -121,5 +122,9 @@ section {
|
|||
padding: 1.25rem;
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 15px;
|
||||
width: 50rem;
|
||||
width: 60vw;
|
||||
}
|
||||
|
||||
section img {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue