Improve the .small-left/right and .medium-left/right classes

This commit is contained in:
Ben Sturmfels 2023-02-08 22:44:44 +11:00
parent bd5f44a7f6
commit c64e52d9e6
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
2 changed files with 17 additions and 9 deletions

View file

@ -57,25 +57,29 @@ dd {
.small-left { .small-left {
float: left; float: left;
height: auto; height: auto;
width: 25%; max-width: 20rem;
margin-left: 1.2em; margin: 0 2rem 0.5rem 0;
margin-bottom: .4em;
} }
.small-right { .small-right {
float: right; float: right;
height: auto; height: auto;
width: 25%; max-width: 20rem;
margin-right: 1.2em; margin: 0 0 0.5rem 2rem;
margin-bottom: .4em; }
.medium-left {
float: left;
height: auto;
max-width: 30rem;
margin: 0 2rem 0.5rem 0;
} }
.medium-right { .medium-right {
float: right; float: right;
height: auto; height: auto;
width: 50%; max-width: 30rem;
margin-left: .7em; margin: 0 0 0.5rem 2rem;
margin-bottom: .7em;
} }
img.blog-right { img.blog-right {

View file

@ -83,6 +83,10 @@ input:focus {
box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5); box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5);
}; };
video {
max-width: 100%;
margin: 1rem 0;
}
a.read-more { a.read-more {
cursor: pointer; cursor: pointer;