monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-11-09 21:51:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

made merch banner more responsive

Browse source
This commit is contained in:
Miodec 2021-08-02 14:27:54 +01:00
parent 3678706a5e
commit e47b3b65da
3 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/sass/media-queries.scss
View file

@ -48,6 +48,17 @@
}
}
@media only screen and (max-width: 900px) {
.merchBanner {
img {
display: none;
}
.text {
padding: 0.25rem 0;
}
}
}
@media only screen and (max-width: 800px) {
.settingsGroup.quickNav {
display: none;

2
src/sass/style.scss
View file

@ -294,6 +294,8 @@ a:hover {
align-items: center;
grid-auto-flow: column;
gap: 1rem;
// height: 2rem;
padding: 0 1rem;
img {
height: 2rem;
}

6
static/index.html
View file

@ -109,8 +109,10 @@
</div>
<div class="merchBanner hidden">
<img src="images/merchdropwebsite2.png" alt="" />
We've got brand new merch designs over at
<a href="https://monkeytype.store" target="_blank">monkeytype.store</a>
<div class="text">
We've got brand new merch designs over at
<a href="https://monkeytype.store" target="_blank">monkeytype.store</a>
</div>
<i class="fas closeButton fa-times"></i>
</div>