zepp
/
thiscat.rocks
1
0
Fork 0
Code Issues Activity

styling of section elements

This commit is contained in:
emma 2025-01-02 01:08:50 -05:00
parent 04bef99ae7
commit e7e7df5c8f
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
style/style.css
View File

@ -28,7 +28,7 @@ main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 2rem; gap: 2rem;
width: 50rem; width: 60vw;
height: auto; height: auto;
} }
@ -77,6 +77,7 @@ main {
display: grid; display: grid;
grid-template-rows: 5rem 25rem 25rem; grid-template-rows: 5rem 25rem 25rem;
grid-template-columns: 20rem 20rem; grid-template-columns: 20rem 20rem;
gap: 1rem;
justify-items: center; justify-items: center;
justify-content: center; justify-content: center;
} }
@ -87,8 +88,8 @@ main {
} }
.favorite-baxter-photos figure { .favorite-baxter-photos figure {
height: 20rem; height: 22.5rem;
width: 20rem; width: 22.5rem;
text-wrap: wrap; text-wrap: wrap;
text-align: center; text-align: center;
} }
@ -121,5 +122,9 @@ section {
padding: 1.25rem; padding: 1.25rem;
border: 2px solid var(--border-color); border: 2px solid var(--border-color);
border-radius: 15px; border-radius: 15px;
width: 50rem; width: 60vw;
}
section img {
border-radius: 15px;
} }