more styling

This commit is contained in:
Tyrel Souza 2022-11-04 11:41:57 -04:00
parent a2577b9f7e
commit 630b35d6ac
No known key found for this signature in database
GPG Key ID: F6582CF1308A2360
2 changed files with 17 additions and 6 deletions

View File

@ -1,5 +1,5 @@
Neighbor's Water Heater Automation Neighbor's Water Heater Automation (part 1)
################################## ###########################################
:author: tyrel :author: tyrel
:category: automation :category: automation
:tags: automation, c++, esp8266, servo, stepper :tags: automation, c++, esp8266, servo, stepper

View File

@ -72,6 +72,7 @@ article ul {
min-height: 96vh; min-height: 96vh;
max-width: 80%; max-width: 80%;
padding-left: 0.75rem; padding-left: 0.75rem;
padding-right:20rem;
} }
.left-panel { .left-panel {
position:relative; position:relative;
@ -88,8 +89,16 @@ article ul {
h2 a{ h2 a{
padding: 0; padding: 0;
} }
.right-panel-content img {
margin: 1rem;
max-width: 80%;
}
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.right-panel-content img {
margin: 1rem;
max-width: 80%;
}
.parent-panel { .parent-panel {
display: -webkit-box; display: -webkit-box;
display: -moz-box; display: -moz-box;
@ -145,18 +154,20 @@ article ul {
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.right-panel-content { .right-panel-content {
max-width: 80%; max-width: 80%;
padding-right:2rem;
} }
} }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
.right-panel-content { .right-panel-content {
max-width: 1000px; max-width: 1000px;
} }
.right-panel-content img {
margin: 1rem;
max-width: 80%;
padding-right:20rem;
}
} }
.right-panel-content img {
margin: 1rem;
max-width: 920px;
}
.small { .small {
font-size: 0.75rem; font-size: 0.75rem;