🏋😼 Checkpoint
./style.css:617503/2126 ./.glitch-assets:617503/372 ./index.html:617503/2766
This commit is contained in:
@ -4,3 +4,4 @@
|
|||||||
{"uuid":"adSBq97hhhpFNUna","deleted":true}
|
{"uuid":"adSBq97hhhpFNUna","deleted":true}
|
||||||
{"uuid":"adSBq97hhhpFNUnb","deleted":true}
|
{"uuid":"adSBq97hhhpFNUnb","deleted":true}
|
||||||
{"uuid":"adSBq97hhhpFNUnc","deleted":true}
|
{"uuid":"adSBq97hhhpFNUnc","deleted":true}
|
||||||
|
{"name":"Logo_Color.svg","date":"2020-10-15T17:02:08.576Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","type":"image/svg+xml","size":25537,"imageWidth":19,"imageHeight":14,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","thumbnailWidth":19,"thumbnailHeight":14,"uuid":"XPQ2UUJettC9yQ6L"}
|
||||||
|
|||||||
@ -19,10 +19,13 @@
|
|||||||
<h1>Hello world!</h1>
|
<h1>Hello world!</h1>
|
||||||
</div>
|
</div>
|
||||||
<img src="/illustration.svg" class="illustration" />
|
<img src="/illustration.svg" class="illustration" />
|
||||||
<button>
|
</div>
|
||||||
|
<button class="btn--remix">
|
||||||
|
<img
|
||||||
|
src="https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg?v=1602781328576"
|
||||||
|
/>
|
||||||
Remix on Glitch
|
Remix on Glitch
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- include the Glitch button to show what the webpage is about and
|
<!-- include the Glitch button to show what the webpage is about and
|
||||||
to make it easier for folks to view source and remix -->
|
to make it easier for folks to view source and remix -->
|
||||||
|
|||||||
23
style.css
23
style.css
@ -9,7 +9,7 @@ body {
|
|||||||
background-color: var(--main-bg-color);
|
background-color: var(--main-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.title {
|
||||||
color: var(--main-text-color);
|
color: var(--main-text-color);
|
||||||
font-size: 164pt;
|
font-size: 164pt;
|
||||||
}
|
}
|
||||||
@ -27,6 +27,27 @@ h1 {
|
|||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn--remix {
|
||||||
|
padding-left: .75rem;
|
||||||
|
padding-right: .75rem;
|
||||||
|
padding-top: .5rem;
|
||||||
|
padding-bottom: .5rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
align-items: center;
|
||||||
|
display: inline-flex;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1px solid #000000;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--remix img {
|
||||||
|
margin-right: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
.illustration {
|
.illustration {
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: 10em;
|
bottom: 10em;
|
||||||
|
|||||||
Reference in New Issue
Block a user