gil/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fine-tuning floating profile picture

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/css/global.css
View file

@ -126,23 +126,16 @@ header > :last-child {
} }
.float-right { .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 {
float: right; float: right;
margin-left: 0.5em; margin-left: 1em;
}
}
.float-right > img {
display: block;
width: 192px;
height: auto;
}
@media screen and (min-width: 600px) {
.float-right > img {
margin: auto;
} }
} }

2
src/css/global.css.map
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"}

19
src/css/global.scss
View file

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

4
src/index.md
View file

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