Yet more style changes

This commit is contained in:
Fred Boniface 2022-09-21 09:58:57 +01:00
parent 753fbfbe76
commit 3263543e68
2 changed files with 23 additions and 13 deletions

View File

@ -62,9 +62,11 @@
</span>
<br>
<br>
<span class="text-description">
<span class="form-info">
Your user agent is:
<br>
</span>
<br>
<span class="text-description">
<?php echo $ua_str; ?>
</span>
<br>

View File

@ -32,6 +32,12 @@ body {
font-size: 18px;
}
@media only screen and (min-width: 600px) {
.form-text-small {
width: 50%;
}
}
.form-text-large {
text-align: left;
border: black;
@ -42,6 +48,12 @@ body {
font-size: 16px;
}
@media only screen and (min-width: 600px) {
.form-text-large {
width: 50%;
}
}
.form-info {
color: #0280e5;
font-size: 17px;
@ -53,22 +65,18 @@ body {
color: #0280e5;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.text-description p {
p.text-description{
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.form-text-small {
width: 50%;
}
.form-text-large {
width: 50%;
}
.text-description p {
@media only screen and (min-width: 600px) {
p.text-description{
width: 50%;
}
}