Fine-tuning floating profile picture

This commit is contained in:
gil 2024-05-25 21:08:40 -05:00
parent fdc83c3b4b
commit 0f63346a4f
4 changed files with 16 additions and 30 deletions

View file

@ -126,23 +126,16 @@ header > :last-child {
}
.float-right {
margin: 0;
margin: auto;
margin-bottom: 1em;
width: 100%;
height: auto;
max-width: 288px;
}
@media screen and (min-width: 600px) {
@media screen and (min-width: 768px) {
.float-right {
float: right;
margin-left: 0.5em;
}
}
.float-right > img {
display: block;
width: 192px;
height: auto;
}
@media screen and (min-width: 600px) {
.float-right > img {
margin: auto;
margin-left: 1em;
}
}

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;ACzFA;EDwFF;IAGI;IACA;;;;AAIJ;EACE;EACA;EACA;;ACnGA;EDgGF;IAKI","file":"global.css"}
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7FA;EDwFF;IAOI;IACA","file":"global.css"}

View file

@ -100,18 +100,13 @@ header > :last-child {
}
.float-right {
margin: 0;
@include breakpoint("sm") {
float: right;
margin-left: 0.5em;
}
}
.float-right > img {
display: block;
width: 192px;
margin: auto;
margin-bottom: 1em;
width: 100%;
height: auto;
@include breakpoint("sm") {
margin: auto;
max-width: 288px;
@include breakpoint("md") {
float: right;
margin-left: 1em;
}
}

View file

@ -3,9 +3,7 @@ layout: page.njk
date: Last Modified
---
<p class="float-right">
<img src="img/gba_gil.png" width="192" height="168" />
</p>
<img class="float-right" src="img/gba_gil.png" width="192" height="168" />
# About Me