blob: 1bfe3dfbf0f8dda4a84c17222918410813417a38 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
# Chelsea's Portfolio Site
Collection of works by Chelsea Rogers, graphic designer.
## Useful Commands
Image Magick
* magick image.jpg -resize 1000x1000 image_1000.jpg
* for file in $(ls -1 | sed 's/\.[^.]*$//'}; do magick "file.jpg" -resize 1000x1000 "$(echo $file)_1000.jpg"; done
## HTML/CSS to Remember
grid cols
```
.auto-grid {
--min-column-size: 22rem;
display: grid;
gap: 1rem;
grid-template-columns:
repeat(auto-fit, minmax(min(var(--min-column-size), 100%), 1fr));
}
```
section element
```
<section aria-labeledby="something">
<h2 class="something">heading</h2>
```
|
