some tweaks to paragraph display and fix img display
This commit is contained in:
12
css/main.css
12
css/main.css
@ -60,8 +60,11 @@ main {
|
|||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
header img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
header img {
|
||||||
max-height: 25vh;
|
max-height: 25vh;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -113,7 +116,11 @@ a:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
main > p {
|
main > p {
|
||||||
margin: .5rem 0 0 2.5rem;
|
margin-left: 2.5rem;
|
||||||
|
background-color: light-dark(var(--color-dark), var(--color-light));
|
||||||
|
color: light-dark(var(--color-light), var(--color-dark));
|
||||||
|
padding: .5rem;
|
||||||
|
border-radius: 0 0 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
@media (max-width: 650px) {
|
||||||
@ -135,6 +142,7 @@ main > p {
|
|||||||
max-height: 35vh;
|
max-height: 35vh;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
@media (max-width: 650px) {
|
||||||
|
|||||||
@ -35,7 +35,6 @@
|
|||||||
<p>Studios in the former cold storage facility at the old Beall Greenhouses: 18527 Beall Rd SW, Vashon, WA 98070</p>
|
<p>Studios in the former cold storage facility at the old Beall Greenhouses: 18527 Beall Rd SW, Vashon, WA 98070</p>
|
||||||
|
|
||||||
<h2>Who?</h2>
|
<h2>Who?</h2>
|
||||||
<p>Participating artists include...</p>
|
|
||||||
|
|
||||||
<div id="artists">
|
<div id="artists">
|
||||||
<div class="artist">
|
<div class="artist">
|
||||||
|
|||||||
Reference in New Issue
Block a user