Spaces:
Running
Running
thibaud frere
commited on
Commit
·
7f3278b
1
Parent(s):
5846c4a
fix(images): constrain picture/img to container width
Browse files
app/src/pages/index.astro
CHANGED
@@ -18,6 +18,8 @@ const title = 'The Distill Blog Template (Astro)';
|
|
18 |
.l-page { max-width: var(--page-width); margin: 0 auto; }
|
19 |
.l-screen { width: 100%; }
|
20 |
figure { margin: 16px 0; }
|
|
|
|
|
21 |
.figcaption, figcaption { color: rgba(0,0,0,.6); font-size: 12px; }
|
22 |
.plot-card { background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; padding: 12px; }
|
23 |
d-contents nav { border-left: 1px solid rgba(0,0,0,.1); padding-left: 16px; margin: 16px 0; }
|
|
|
18 |
.l-page { max-width: var(--page-width); margin: 0 auto; }
|
19 |
.l-screen { width: 100%; }
|
20 |
figure { margin: 16px 0; }
|
21 |
+
/* Assurer que les images ne dépassent jamais le conteneur */
|
22 |
+
:where(picture, img) { max-width: 100%; width: 100%; height: auto; display: block; }
|
23 |
.figcaption, figcaption { color: rgba(0,0,0,.6); font-size: 12px; }
|
24 |
.plot-card { background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; padding: 12px; }
|
25 |
d-contents nav { border-left: 1px solid rgba(0,0,0,.1); padding-left: 16px; margin: 16px 0; }
|