joeac/joeac.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Responsive layout

Browse Source
This commit is contained in:
Joe Carstairs
2023-12-28 11:11:03 +00:00
parent f78c69e27e
commit 85d8e25964
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
hcard.css
View File

@@ -1,11 +1,21 @@
.h-card { .u-photo {
display: flex; margin-inline: auto;
gap: 1rem; margin-block-end: 3rem;
align-items: center; }
@media (min-width: 48rem) {
.h-card {
display: flex;
gap: 1rem;
align-items: center;
}
.u-photo {
margin: 0;
}
} }
.u-photo { .u-photo {
width: 256px; width: 256px;
height: 256px;
} }