📏 Changed auto-grid size min

This commit is contained in:
tatianamac 2019-10-19 15:53:40 -04:00
parent acbe308b27
commit 256f1399f4
3 changed files with 4 additions and 4 deletions

View File

@ -1,7 +1,7 @@
@charset "UTF-8"; @charset "UTF-8";
@import url("https://use.typekit.net/qlo3dpu.css"); @import url("https://use.typekit.net/qlo3dpu.css");
:root { :root {
--auto-grid-min-size: 8rem; --auto-grid-min-size: 16rem;
} }
body { body {

View File

@ -4,7 +4,7 @@
// COLORS // // COLORS //
:root { :root {
--auto-grid-min-size: 8rem; --auto-grid-min-size: 16rem;
} }
$primary-color: #0e4bff; //cobalt blue is so pretty// $primary-color: #0e4bff; //cobalt blue is so pretty//

View File

@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<main> <main>
<section id="title" class="auto-grid"> <section id="title" class="grid">
<h1 class="title__thicc">Self-Defined</h1> <h1 class="title__thicc">Self-Defined</h1>
<p> <p>
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br>For now, this stands as a list only, from which you can self-educate. <span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br>For now, this stands as a list only, from which you can self-educate.
@ -249,7 +249,7 @@ Future phases will include definitions and resources.<br><br>
</ul> </ul>
</section> </section>
</div> </div>
<div class="auto-grid"> <div class="grid">
<section class="block__word list"> <section class="block__word list">
<p class="word__signal word__signal__avoid"> <p class="word__signal word__signal__avoid">
avoid avoid