From 5838f0f753cfd375a81653832cd1d4379d522a7e Mon Sep 17 00:00:00 2001 From: Ludovic Pelletier Date: Fri, 1 Mar 2024 14:29:19 +0100 Subject: [PATCH] Responsive et position profondeur Firefox --- Cards/Fallacies/Mindmaps/included.html | 41 +++++++++++++++++++++----- 1 file changed, 34 insertions(+), 7 deletions(-) diff --git a/Cards/Fallacies/Mindmaps/included.html b/Cards/Fallacies/Mindmaps/included.html index 42d60c09..2e0a1a45 100644 --- a/Cards/Fallacies/Mindmaps/included.html +++ b/Cards/Fallacies/Mindmaps/included.html @@ -161,9 +161,14 @@ z-index: 100; } + /* Responsive for desktop */ + @media (min-width: 992px) { + card { + width: 400px; + } + } safe { background-color: #fff; - position: relative; } .cardName { @@ -187,11 +192,26 @@ color: var(--color-text-1); } + /* Responsive for desktop */ + @media (min-width: 992px) { + .famille { + font-size: 25px; + } + } + .sous_famille, .Soussousfamille { font-size: 18px; } + /* Responsive for desktop */ + @media (min-width: 992px) { + .sous_famille, + .Soussousfamille { + font-size: 20px; + } + } + /* -------------------------------------------------------------------------------- */ /* Corps */ /* -------------------------------------------------------------------------------- */ @@ -287,14 +307,24 @@ margin: 0% -5px; } + .desc_fr, .exemple_fr { + font-family: 'DINpro',sans-serif; + font-size: 16px; + padding: 20px 10px; + } + + /* Responsive design */ + @media (min-width: 992px) { + .desc_fr, .exemple_fr { + font-size: 18px; + } + } + .desc_fr { align-items: center; color: #fff; display: flex; - font-family: 'DINpro',sans-serif; - font-size: 16px; font-weight: 900; - padding: 20px 10px; text-transform: uppercase; } @@ -303,11 +333,8 @@ background-color: white; border-radius: 0 0 10px 10px; color: var(--color-text-2); - font-family: 'DINpro',sans-serif; - font-size: 16px; font-variant-ligatures: no-common-ligatures; font-weight: 600; - padding: 20px 10px; } .desc_fr,