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 {
float: left;
height: auto;
width: 25%;
margin-left: 1.2em;
margin-bottom: .4em;
max-width: 20rem;
margin: 0 2rem 0.5rem 0;
}
.small-right {
float: right;
height: auto;
width: 25%;
margin-right: 1.2em;
margin-bottom: .4em;
max-width: 20rem;
margin: 0 0 0.5rem 2rem;
}
.medium-left {
float: left;
height: auto;
max-width: 30rem;
margin: 0 2rem 0.5rem 0;
}
.medium-right {
float: right;
height: auto;
width: 50%;
margin-left: .7em;
margin-bottom: .7em;
max-width: 30rem;
margin: 0 0 0.5rem 2rem;
}
img.blog-right {

View file

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