diff --git a/client/src/components/Footer/footer.css b/client/src/components/Footer/footer.css index 114c6821e9e..730b1096829 100644 --- a/client/src/components/Footer/footer.css +++ b/client/src/components/Footer/footer.css @@ -10,8 +10,7 @@ } .footer-container { - margin-right: auto; - margin-left: auto; + margin-inline: auto; padding: 40px 15px; font-size: 16px; overflow-x: hidden; diff --git a/client/src/templates/Challenges/classic/classic.css b/client/src/templates/Challenges/classic/classic.css index a0a048647b0..af52b868a05 100644 --- a/client/src/templates/Challenges/classic/classic.css +++ b/client/src/templates/Challenges/classic/classic.css @@ -44,7 +44,7 @@ .monaco-editor-tabs { display: flex; - margin-right: auto; + margin-inline-end: auto; } .monaco-editor-tabs button:not(:first-child) { diff --git a/client/src/templates/Challenges/components/challenge-title.css b/client/src/templates/Challenges/components/challenge-title.css index f018b9d5d59..32b7bf46f97 100644 --- a/client/src/templates/Challenges/components/challenge-title.css +++ b/client/src/templates/Challenges/components/challenge-title.css @@ -22,7 +22,7 @@ justify-content: space-around; list-style-type: none; margin-bottom: 0; - padding-left: 0; + padding-inline-start: 0; width: 100%; } diff --git a/client/src/templates/Challenges/odin/show.css b/client/src/templates/Challenges/odin/show.css index c0357a51862..8db116b5499 100644 --- a/client/src/templates/Challenges/odin/show.css +++ b/client/src/templates/Challenges/odin/show.css @@ -8,7 +8,7 @@ input[type='checkbox'] { min-height: 1.15em; max-width: 1.15em; max-height: 1.15em; - margin-right: 15px; + margin-inline-end: 15px; border: 2px solid black; border-radius: 0.15em; transform: translateY(-0.075em); diff --git a/client/src/templates/Introduction/intro.css b/client/src/templates/Introduction/intro.css index 8a14f7de22b..ab4309b0127 100644 --- a/client/src/templates/Introduction/intro.css +++ b/client/src/templates/Introduction/intro.css @@ -201,13 +201,13 @@ button.map-title { } .map-title-completed { - margin-left: auto; + margin-inline-start: auto; min-width: 100px; padding-inline-start: 20px; } .map-title-completed-big { - margin-left: auto; + margin-inline-start: auto; padding-inline-end: 15px; padding-inline-start: 20px; position: relative; @@ -227,7 +227,7 @@ button.map-title { .block-grid .map-title > svg:last-child { transform: rotate(180deg); - margin-left: auto; + margin-inline-start: auto; } .block-grid.open .map-title > svg:last-child {