🍼🍁 Checkpoint

./src/pages/index.hbs:14029292/150
./public/style.css:14029292/1689
This commit is contained in:
Glitch (glitch-hello-node) committed 2021-04-15 12:30:07 +00:00
1 parent b179b9d517
commit 970e48e3ea
2 files changed
+11 -3

No files matched your search

+8 -2
View File
@@ -133,10 +133,16 @@ body {
} }
/* Very light scaling for our illustration */ /* Very light scaling for our illustration */
.illo-container {
display: flex;
justify-content: flex-end;
}
.illustration { .illustration {
max-width: 100%; max-width: 200px;
max-height: var(--image-max-width); max-height: var(--image-max-width);
margin-top: var(--image-margin); margin-top: 1rem;
margin-right: 2rem;
} }
/* Styles for our custom color form and its results */ /* Styles for our custom color form and its results */
+3 -1
View File
@@ -37,8 +37,10 @@
<div class="wrapper"> <div class="wrapper">
<div class="content" role="main"> <div class="content" role="main">
<!-- this is the start of content for our page --> <!-- this is the start of content for our page -->
<div class="illo-container">
<img src="https://cdn.glitch.com/c62efef6-1e75-45cf-b248-afeccdda9477%2Fillustration.svg?v=1618196069568" class="illustration" alt="Javascript logo" />
</div>
<h1 class="title">Hello Node!</h1> <h1 class="title">Hello Node!</h1>
<img src="https://cdn.glitch.com/c62efef6-1e75-45cf-b248-afeccdda9477%2Fillustration.svg?v=1618196069568" class="illustration" alt="Javascript logo" />
<!-- add text indicating that we've changed color OR had an error --> <!-- add text indicating that we've changed color OR had an error -->
{{#if color}} {{#if color}}
<p class="color-info"> <p class="color-info">