fortytwo/me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css, index: hide <br> on small screen sizes

Browse source 
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
Naman Sood 2023-03-11 10:42:23 -05:00
parent 4320ff4817
commit 674a3d310e
3 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
css/style.css
View file

@ -328,6 +328,11 @@ body.blue-mode {
padding: 2rem;
}
}
@media (max-width: 30rem) {
dialog.change-color-dialog br {
display: none;
}
}
@media (max-width: 25rem) {
.main > .text-container h1 {
font-size: 3rem;

6
css/style.scss
View file

@ -371,6 +371,12 @@ body {
}
}
@media(max-width: 30rem) {
dialog.change-color-dialog br {
display: none;
}
}
@media(max-width: 25rem) {
.main {
> .text-container {

2
index.html
View file

@ -48,7 +48,7 @@
</div>
</div>
<dialog class="change-color-dialog">
<h4>If you could pick any color,<br>what color would you pick?</h4>
<h4>If you could pick any color,<br> what color would you pick?</h4>
<form method="dialog">
<div class="radio-buttons"></div>
<input type="button" value="save" id="color-change-save">