# Chelsea's Portfolio Site

Collection of works by Chelsea Rogers, graphic designer.

## Usefull 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

## 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>
```