thibaud frere commited on
Commit
7f3278b
·
1 Parent(s): 5846c4a

fix(images): constrain picture/img to container width

Browse files
Files changed (1) hide show
  1. app/src/pages/index.astro +2 -0
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; }