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>