message: pixel perfection
diff: -<script lang="ts">
  - import type {
  - Patterns,
  - } from "../types/pattern.type";
  -
  -</script>
  <style lang="scss">
  // DO NOT COPY THIS! For reference only.
  // The colors will automatically update if the variable values update.
  // layout for the colors
  display: grid;
  - grid-template-columns: 1fr 1fr 1fr;
  + grid-template-columns: repeat(auto-fill, 250px);
  + grid-auto-rows: minmax(100px, auto);
  gap: 1rem;
  li {
  display: flex;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  - border: 1px solid;
  + border: 1px solid var(--divider);
  + flex: 0 0 100px;
  }
  }
  