From 66dfb85fcb1ad6593d8ceff10f22dcb000dc8d71 Mon Sep 17 00:00:00 2001
From: Akaki Mikaia <akakimikaia@gmail.com>
Date: Tue, 6 Aug 2024 13:39:33 +0100
Subject: [PATCH] docs: add image for grid guidlines (#1766)

---
 .../grid/usage-best-practise-ad.svg           | 41 +++++++++++++++++++
 .../src/content/docs/guides/grid.mdx          | 12 ++++--
 package-lock.json                             |  6 +--
 3 files changed, 53 insertions(+), 6 deletions(-)
 create mode 100644 apps/for-everyone-website/public/assets/images/components/grid/usage-best-practise-ad.svg

diff --git a/apps/for-everyone-website/public/assets/images/components/grid/usage-best-practise-ad.svg b/apps/for-everyone-website/public/assets/images/components/grid/usage-best-practise-ad.svg
new file mode 100644
index 0000000000..f5ba9911e0
--- /dev/null
+++ b/apps/for-everyone-website/public/assets/images/components/grid/usage-best-practise-ad.svg
@@ -0,0 +1,41 @@
+<svg width="500" height="250" viewBox="0 0 500 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1342_1718" fill="white">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H492C496.418 0 500 3.58172 500 8V250H0V8Z"/>
+</mask>
+<path d="M0 8C0 3.58172 3.58172 0 8 0H492C496.418 0 500 3.58172 500 8V250H0V8Z" fill="#F2F2F2"/>
+<path d="M0 0H500H0ZM500 251H0V249H500V251ZM0 250V0V250ZM500 0V250V0Z" fill="#00994D" mask="url(#path-1-inside-1_1342_1718)"/>
+<path d="M68 33C68 28.5817 71.5817 25 76 25H424C428.418 25 432 28.5817 432 33V217C432 221.418 428.418 225 424 225H76C71.5817 225 68 221.418 68 217V33Z" fill="#FF0000" fill-opacity="0.2"/>
+<path d="M68 29C68 26.7909 69.7909 25 72 25H84V225H72C69.7909 225 68 223.209 68 221V29Z" fill="#F2F2F2"/>
+<rect opacity="0.1" x="68" y="25" width="16" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(108 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="108" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(136 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="136" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(164 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="164" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(192 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="192" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(220 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="220" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(248 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="248" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(276 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="276" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(304 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="304" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(332 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="332" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(360 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="360" y="25" width="4" height="200" fill="white"/>
+<rect width="4" height="200" transform="translate(388 25)" fill="#F2F2F2"/>
+<rect opacity="0.1" x="388" y="25" width="4" height="200" fill="white"/>
+<path d="M416 25H428C430.209 25 432 26.7909 432 29V221C432 223.209 430.209 225 428 225H416V25Z" fill="#F2F2F2"/>
+<rect opacity="0.1" x="416" y="25" width="16" height="200" fill="white"/>
+<rect opacity="0.3" x="84" y="33" width="332" height="40" fill="#159BFF"/>
+<path d="M215.985 57.6V50.78H216.655L216.745 51.24C217.272 50.8533 217.819 50.66 218.385 50.66C219.012 50.66 219.512 50.8833 219.885 51.33C220.259 51.7767 220.445 52.38 220.445 53.14C220.445 53.9 220.259 54.5033 219.885 54.95C219.512 55.3967 219.012 55.62 218.385 55.62C217.865 55.62 217.365 55.4567 216.885 55.13V57.6H215.985ZM218.195 54.78C218.622 54.78 218.949 54.6367 219.175 54.35C219.409 54.0633 219.525 53.66 219.525 53.14C219.525 52.6133 219.409 52.2067 219.175 51.92C218.949 51.6333 218.622 51.49 218.195 51.49C217.742 51.49 217.305 51.6333 216.885 51.92V54.36C217.305 54.64 217.742 54.78 218.195 54.78ZM223.426 55.62C222.853 55.62 222.406 55.4867 222.086 55.22C221.773 54.9533 221.616 54.5833 221.616 54.11C221.616 53.6567 221.766 53.31 222.066 53.07C222.366 52.83 222.809 52.71 223.396 52.71H225.076V52.56C225.076 52.1667 224.983 51.8867 224.796 51.72C224.609 51.5467 224.293 51.46 223.846 51.46C223.239 51.46 222.683 51.6 222.176 51.88L221.896 51.13C222.489 50.8167 223.163 50.66 223.916 50.66C224.629 50.66 225.149 50.8067 225.476 51.1C225.809 51.3867 225.976 51.84 225.976 52.46V55.5H225.306L225.206 55.04C224.686 55.4267 224.093 55.62 223.426 55.62ZM223.586 54.81C224.146 54.81 224.643 54.6633 225.076 54.37V53.45H223.426C222.833 53.45 222.536 53.6633 222.536 54.09C222.536 54.57 222.886 54.81 223.586 54.81ZM229.537 57.72C229.19 57.72 228.854 57.68 228.527 57.6C228.207 57.52 227.897 57.3967 227.597 57.23L227.897 56.47C228.384 56.7433 228.914 56.88 229.487 56.88C230.434 56.88 230.907 56.4633 230.907 55.63V55.03C230.427 55.3567 229.927 55.52 229.407 55.52C228.987 55.52 228.624 55.42 228.317 55.22C228.01 55.0133 227.77 54.7267 227.597 54.36C227.43 53.9933 227.347 53.57 227.347 53.09C227.347 52.6033 227.43 52.18 227.597 51.82C227.77 51.4533 228.01 51.17 228.317 50.97C228.624 50.7633 228.987 50.66 229.407 50.66C229.974 50.66 230.52 50.8533 231.047 51.24L231.137 50.78H231.807V55.71C231.807 56.35 231.614 56.8433 231.227 57.19C230.847 57.5433 230.284 57.72 229.537 57.72ZM229.597 54.68C230.05 54.68 230.487 54.54 230.907 54.26V51.92C230.487 51.6333 230.05 51.49 229.597 51.49C229.17 51.49 228.84 51.6367 228.607 51.93C228.38 52.2167 228.267 52.6033 228.267 53.09C228.267 53.5767 228.38 53.9633 228.607 54.25C228.84 54.5367 229.17 54.68 229.597 54.68ZM235.768 55.62C234.954 55.62 234.314 55.4 233.848 54.96C233.381 54.5133 233.148 53.9067 233.148 53.14C233.148 52.64 233.248 52.2033 233.448 51.83C233.648 51.4567 233.928 51.17 234.288 50.97C234.654 50.7633 235.081 50.66 235.568 50.66C236.034 50.66 236.438 50.7567 236.778 50.95C237.124 51.1367 237.391 51.4067 237.578 51.76C237.764 52.1067 237.858 52.5167 237.858 52.99C237.858 53.0633 237.854 53.14 237.848 53.22C237.848 53.2933 237.841 53.37 237.828 53.45H234.068C234.121 53.8967 234.294 54.2367 234.588 54.47C234.881 54.6967 235.281 54.81 235.788 54.81C236.321 54.81 236.834 54.6533 237.328 54.34L237.688 55.04C237.101 55.4267 236.461 55.62 235.768 55.62ZM234.088 52.71H236.968C236.914 52.31 236.764 52.0033 236.518 51.79C236.278 51.57 235.958 51.46 235.558 51.46C235.158 51.46 234.828 51.57 234.568 51.79C234.314 52.01 234.154 52.3167 234.088 52.71ZM247.489 55.62C246.709 55.62 246.093 55.4 245.639 54.96C245.186 54.5133 244.959 53.9067 244.959 53.14C244.959 52.3733 245.186 51.77 245.639 51.33C246.093 50.8833 246.709 50.66 247.489 50.66C248.109 50.66 248.679 50.8233 249.199 51.15L248.869 51.89C248.636 51.75 248.409 51.65 248.189 51.59C247.969 51.5233 247.739 51.49 247.499 51.49C246.979 51.49 246.579 51.6333 246.299 51.92C246.019 52.2 245.879 52.6067 245.879 53.14C245.879 53.6733 246.019 54.08 246.299 54.36C246.579 54.64 246.979 54.78 247.499 54.78C247.993 54.78 248.493 54.6233 248.999 54.31L249.349 55.03C248.796 55.4233 248.176 55.62 247.489 55.62ZM252.9 55.62C252.42 55.62 252 55.5167 251.64 55.31C251.28 55.1033 251 54.8133 250.8 54.44C250.6 54.0667 250.5 53.6333 250.5 53.14C250.5 52.6467 250.6 52.2133 250.8 51.84C251 51.4667 251.28 51.1767 251.64 50.97C252 50.7633 252.42 50.66 252.9 50.66C253.38 50.66 253.8 50.7633 254.16 50.97C254.52 51.1767 254.8 51.4667 255 51.84C255.2 52.2133 255.3 52.6467 255.3 53.14C255.3 53.6333 255.2 54.0667 255 54.44C254.8 54.8133 254.52 55.1033 254.16 55.31C253.8 55.5167 253.38 55.62 252.9 55.62ZM252.9 54.78C253.36 54.78 253.72 54.6367 253.98 54.35C254.247 54.0567 254.38 53.6533 254.38 53.14C254.38 52.6267 254.247 52.2233 253.98 51.93C253.72 51.6367 253.36 51.49 252.9 51.49C252.44 51.49 252.077 51.6367 251.81 51.93C251.55 52.2233 251.42 52.6267 251.42 53.14C251.42 53.6533 251.55 54.0567 251.81 54.35C252.077 54.6367 252.44 54.78 252.9 54.78ZM256.661 55.5V50.78H257.331L257.421 51.24C257.934 50.8533 258.497 50.66 259.111 50.66C259.664 50.66 260.084 50.8133 260.371 51.12C260.664 51.42 260.811 51.8633 260.811 52.45V55.5H259.911V52.59C259.911 52.1967 259.831 51.9167 259.671 51.75C259.517 51.5767 259.264 51.49 258.911 51.49C258.437 51.49 257.987 51.6333 257.561 51.92V55.5H256.661ZM265.372 55.62C264.185 55.62 263.592 55.0233 263.592 53.83V51.59H262.102V50.78H263.592V49.32L264.492 48.88V50.78H266.412V51.59H264.492V53.69C264.492 54.0767 264.568 54.3567 264.722 54.53C264.882 54.6967 265.138 54.78 265.492 54.78C265.898 54.78 266.285 54.6767 266.652 54.47L266.892 55.25C266.438 55.4967 265.932 55.62 265.372 55.62ZM270.572 55.62C269.759 55.62 269.119 55.4 268.652 54.96C268.186 54.5133 267.952 53.9067 267.952 53.14C267.952 52.64 268.052 52.2033 268.252 51.83C268.452 51.4567 268.732 51.17 269.092 50.97C269.459 50.7633 269.886 50.66 270.372 50.66C270.839 50.66 271.242 50.7567 271.582 50.95C271.929 51.1367 272.196 51.4067 272.382 51.76C272.569 52.1067 272.662 52.5167 272.662 52.99C272.662 53.0633 272.659 53.14 272.652 53.22C272.652 53.2933 272.646 53.37 272.632 53.45H268.872C268.926 53.8967 269.099 54.2367 269.392 54.47C269.686 54.6967 270.086 54.81 270.592 54.81C271.126 54.81 271.639 54.6533 272.132 54.34L272.492 55.04C271.906 55.4267 271.266 55.62 270.572 55.62ZM268.892 52.71H271.772C271.719 52.31 271.569 52.0033 271.322 51.79C271.082 51.57 270.762 51.46 270.362 51.46C269.962 51.46 269.632 51.57 269.372 51.79C269.119 52.01 268.959 52.3167 268.892 52.71ZM274.063 55.5V50.78H274.733L274.823 51.24C275.336 50.8533 275.9 50.66 276.513 50.66C277.066 50.66 277.486 50.8133 277.773 51.12C278.066 51.42 278.213 51.8633 278.213 52.45V55.5H277.313V52.59C277.313 52.1967 277.233 51.9167 277.073 51.75C276.92 51.5767 276.666 51.49 276.313 51.49C275.84 51.49 275.39 51.6333 274.963 51.92V55.5H274.063ZM282.774 55.62C281.587 55.62 280.994 55.0233 280.994 53.83V51.59H279.504V50.78H280.994V49.32L281.894 48.88V50.78H283.814V51.59H281.894V53.69C281.894 54.0767 281.971 54.3567 282.124 54.53C282.284 54.6967 282.541 54.78 282.894 54.78C283.301 54.78 283.687 54.6767 284.054 54.47L284.294 55.25C283.841 55.4967 283.334 55.62 282.774 55.62Z" fill="#159BFF"/>
+<rect opacity="0.3" x="112" y="81" width="220" height="136" fill="#159BFF"/>
+<path d="M187.985 153.6V146.78H188.655L188.745 147.24C189.272 146.853 189.819 146.66 190.385 146.66C191.012 146.66 191.512 146.883 191.885 147.33C192.259 147.777 192.445 148.38 192.445 149.14C192.445 149.9 192.259 150.503 191.885 150.95C191.512 151.397 191.012 151.62 190.385 151.62C189.865 151.62 189.365 151.457 188.885 151.13V153.6H187.985ZM190.195 150.78C190.622 150.78 190.949 150.637 191.175 150.35C191.409 150.063 191.525 149.66 191.525 149.14C191.525 148.613 191.409 148.207 191.175 147.92C190.949 147.633 190.622 147.49 190.195 147.49C189.742 147.49 189.305 147.633 188.885 147.92V150.36C189.305 150.64 189.742 150.78 190.195 150.78ZM195.426 151.62C194.853 151.62 194.406 151.487 194.086 151.22C193.773 150.953 193.616 150.583 193.616 150.11C193.616 149.657 193.766 149.31 194.066 149.07C194.366 148.83 194.809 148.71 195.396 148.71H197.076V148.56C197.076 148.167 196.983 147.887 196.796 147.72C196.609 147.547 196.293 147.46 195.846 147.46C195.239 147.46 194.683 147.6 194.176 147.88L193.896 147.13C194.489 146.817 195.163 146.66 195.916 146.66C196.629 146.66 197.149 146.807 197.476 147.1C197.809 147.387 197.976 147.84 197.976 148.46V151.5H197.306L197.206 151.04C196.686 151.427 196.093 151.62 195.426 151.62ZM195.586 150.81C196.146 150.81 196.643 150.663 197.076 150.37V149.45H195.426C194.833 149.45 194.536 149.663 194.536 150.09C194.536 150.57 194.886 150.81 195.586 150.81ZM201.537 153.72C201.19 153.72 200.854 153.68 200.527 153.6C200.207 153.52 199.897 153.397 199.597 153.23L199.897 152.47C200.384 152.743 200.914 152.88 201.487 152.88C202.434 152.88 202.907 152.463 202.907 151.63V151.03C202.427 151.357 201.927 151.52 201.407 151.52C200.987 151.52 200.624 151.42 200.317 151.22C200.01 151.013 199.77 150.727 199.597 150.36C199.43 149.993 199.347 149.57 199.347 149.09C199.347 148.603 199.43 148.18 199.597 147.82C199.77 147.453 200.01 147.17 200.317 146.97C200.624 146.763 200.987 146.66 201.407 146.66C201.974 146.66 202.52 146.853 203.047 147.24L203.137 146.78H203.807V151.71C203.807 152.35 203.614 152.843 203.227 153.19C202.847 153.543 202.284 153.72 201.537 153.72ZM201.597 150.68C202.05 150.68 202.487 150.54 202.907 150.26V147.92C202.487 147.633 202.05 147.49 201.597 147.49C201.17 147.49 200.84 147.637 200.607 147.93C200.38 148.217 200.267 148.603 200.267 149.09C200.267 149.577 200.38 149.963 200.607 150.25C200.84 150.537 201.17 150.68 201.597 150.68ZM207.768 151.62C206.954 151.62 206.314 151.4 205.848 150.96C205.381 150.513 205.148 149.907 205.148 149.14C205.148 148.64 205.248 148.203 205.448 147.83C205.648 147.457 205.928 147.17 206.288 146.97C206.654 146.763 207.081 146.66 207.568 146.66C208.034 146.66 208.438 146.757 208.778 146.95C209.124 147.137 209.391 147.407 209.578 147.76C209.764 148.107 209.858 148.517 209.858 148.99C209.858 149.063 209.854 149.14 209.848 149.22C209.848 149.293 209.841 149.37 209.828 149.45H206.068C206.121 149.897 206.294 150.237 206.588 150.47C206.881 150.697 207.281 150.81 207.788 150.81C208.321 150.81 208.834 150.653 209.328 150.34L209.688 151.04C209.101 151.427 208.461 151.62 207.768 151.62ZM206.088 148.71H208.968C208.914 148.31 208.764 148.003 208.518 147.79C208.278 147.57 207.958 147.46 207.558 147.46C207.158 147.46 206.828 147.57 206.568 147.79C206.314 148.01 206.154 148.317 206.088 148.71ZM219.489 151.62C218.709 151.62 218.093 151.4 217.639 150.96C217.186 150.513 216.959 149.907 216.959 149.14C216.959 148.373 217.186 147.77 217.639 147.33C218.093 146.883 218.709 146.66 219.489 146.66C220.109 146.66 220.679 146.823 221.199 147.15L220.869 147.89C220.636 147.75 220.409 147.65 220.189 147.59C219.969 147.523 219.739 147.49 219.499 147.49C218.979 147.49 218.579 147.633 218.299 147.92C218.019 148.2 217.879 148.607 217.879 149.14C217.879 149.673 218.019 150.08 218.299 150.36C218.579 150.64 218.979 150.78 219.499 150.78C219.993 150.78 220.493 150.623 220.999 150.31L221.349 151.03C220.796 151.423 220.176 151.62 219.489 151.62ZM224.9 151.62C224.42 151.62 224 151.517 223.64 151.31C223.28 151.103 223 150.813 222.8 150.44C222.6 150.067 222.5 149.633 222.5 149.14C222.5 148.647 222.6 148.213 222.8 147.84C223 147.467 223.28 147.177 223.64 146.97C224 146.763 224.42 146.66 224.9 146.66C225.38 146.66 225.8 146.763 226.16 146.97C226.52 147.177 226.8 147.467 227 147.84C227.2 148.213 227.3 148.647 227.3 149.14C227.3 149.633 227.2 150.067 227 150.44C226.8 150.813 226.52 151.103 226.16 151.31C225.8 151.517 225.38 151.62 224.9 151.62ZM224.9 150.78C225.36 150.78 225.72 150.637 225.98 150.35C226.247 150.057 226.38 149.653 226.38 149.14C226.38 148.627 226.247 148.223 225.98 147.93C225.72 147.637 225.36 147.49 224.9 147.49C224.44 147.49 224.077 147.637 223.81 147.93C223.55 148.223 223.42 148.627 223.42 149.14C223.42 149.653 223.55 150.057 223.81 150.35C224.077 150.637 224.44 150.78 224.9 150.78ZM228.661 151.5V146.78H229.331L229.421 147.24C229.934 146.853 230.497 146.66 231.111 146.66C231.664 146.66 232.084 146.813 232.371 147.12C232.664 147.42 232.811 147.863 232.811 148.45V151.5H231.911V148.59C231.911 148.197 231.831 147.917 231.671 147.75C231.517 147.577 231.264 147.49 230.911 147.49C230.437 147.49 229.987 147.633 229.561 147.92V151.5H228.661ZM237.372 151.62C236.185 151.62 235.592 151.023 235.592 149.83V147.59H234.102V146.78H235.592V145.32L236.492 144.88V146.78H238.412V147.59H236.492V149.69C236.492 150.077 236.568 150.357 236.722 150.53C236.882 150.697 237.138 150.78 237.492 150.78C237.898 150.78 238.285 150.677 238.652 150.47L238.892 151.25C238.438 151.497 237.932 151.62 237.372 151.62ZM242.572 151.62C241.759 151.62 241.119 151.4 240.652 150.96C240.186 150.513 239.952 149.907 239.952 149.14C239.952 148.64 240.052 148.203 240.252 147.83C240.452 147.457 240.732 147.17 241.092 146.97C241.459 146.763 241.886 146.66 242.372 146.66C242.839 146.66 243.242 146.757 243.582 146.95C243.929 147.137 244.196 147.407 244.382 147.76C244.569 148.107 244.662 148.517 244.662 148.99C244.662 149.063 244.659 149.14 244.652 149.22C244.652 149.293 244.646 149.37 244.632 149.45H240.872C240.926 149.897 241.099 150.237 241.392 150.47C241.686 150.697 242.086 150.81 242.592 150.81C243.126 150.81 243.639 150.653 244.132 150.34L244.492 151.04C243.906 151.427 243.266 151.62 242.572 151.62ZM240.892 148.71H243.772C243.719 148.31 243.569 148.003 243.322 147.79C243.082 147.57 242.762 147.46 242.362 147.46C241.962 147.46 241.632 147.57 241.372 147.79C241.119 148.01 240.959 148.317 240.892 148.71ZM246.063 151.5V146.78H246.733L246.823 147.24C247.336 146.853 247.9 146.66 248.513 146.66C249.066 146.66 249.486 146.813 249.773 147.12C250.066 147.42 250.213 147.863 250.213 148.45V151.5H249.313V148.59C249.313 148.197 249.233 147.917 249.073 147.75C248.92 147.577 248.666 147.49 248.313 147.49C247.84 147.49 247.39 147.633 246.963 147.92V151.5H246.063ZM254.774 151.62C253.587 151.62 252.994 151.023 252.994 149.83V147.59H251.504V146.78H252.994V145.32L253.894 144.88V146.78H255.814V147.59H253.894V149.69C253.894 150.077 253.971 150.357 254.124 150.53C254.284 150.697 254.541 150.78 254.894 150.78C255.301 150.78 255.687 150.677 256.054 150.47L256.294 151.25C255.841 151.497 255.334 151.62 254.774 151.62Z" fill="#159BFF"/>
+<rect x="340" y="88" width="72" height="122" fill="#65E1AA"/>
+<path d="M370.429 151.5L372.589 145H373.609L375.769 151.5H374.799L374.259 149.84H371.889L371.349 151.5H370.429ZM372.159 148.98H373.989L373.079 146.14L372.159 148.98ZM378.61 151.62C377.983 151.62 377.483 151.397 377.11 150.95C376.737 150.503 376.55 149.9 376.55 149.14C376.55 148.38 376.737 147.777 377.11 147.33C377.483 146.883 377.983 146.66 378.61 146.66C379.13 146.66 379.63 146.82 380.11 147.14V144.4H381.01V151.5H380.34L380.25 151.04C379.723 151.427 379.177 151.62 378.61 151.62ZM378.8 150.78C379.253 150.78 379.69 150.64 380.11 150.36V147.92C379.69 147.633 379.253 147.49 378.8 147.49C378.373 147.49 378.043 147.633 377.81 147.92C377.583 148.207 377.47 148.613 377.47 149.14C377.47 149.66 377.583 150.063 377.81 150.35C378.043 150.637 378.373 150.78 378.8 150.78Z" fill="#159BFF"/>
+<rect opacity="0.3" x="336.5" y="81.5" width="79" height="135" stroke="#1B1B1B" stroke-dasharray="2 2"/>
+</svg>
diff --git a/apps/for-everyone-website/src/content/docs/guides/grid.mdx b/apps/for-everyone-website/src/content/docs/guides/grid.mdx
index 0872716868..892ae5a5ad 100644
--- a/apps/for-everyone-website/src/content/docs/guides/grid.mdx
+++ b/apps/for-everyone-website/src/content/docs/guides/grid.mdx
@@ -127,6 +127,7 @@ Page content does not always need to span across 12 columns; it can occupy a sma
 To aid in implementing and visualising the Origami grid system in your projects, we offer a Chrome extension that provides a customisable grid overlay for your web pages. This helps you understand how your website aligns to Origami's grid system.
 
 Key features:
+
 - Enable/disable grid overlay with a single click
 - Customize column, gutter, and margin colors
 - Adjust grid opacity
@@ -142,9 +143,9 @@ Key features:
 		larger or smaller to help group regions hierarchically on the page.
 	</p>
 
-    <Example slot="examples" do={true}>
-    	![](/assets/images/components/grid/usage-best-practise.svg)
-    </Example>
+	<Example slot="examples" do={true}>
+		![](/assets/images/components/grid/usage-best-practise.svg)
+	</Example>
 
 </Guideline>
 
@@ -157,4 +158,9 @@ Key features:
 		invisible element around the content which does align to the grid. Ensure no
 		other content overlaps this grid area.
 	</p>
+
+	<Example slot="examples" do={true}>
+		![](/assets/images/components/grid/usage-best-practise-ad.svg)
+	</Example>
+
 </Guideline>
diff --git a/package-lock.json b/package-lock.json
index 26e90ea462..2f4117e46d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2994,7 +2994,7 @@
 		},
 		"components/o-colors": {
 			"name": "@financial-times/o-colors",
-			"version": "6.6.4",
+			"version": "6.7.0",
 			"license": "MIT",
 			"devDependencies": {
 				"@financial-times/o-autoinit": "^3.1.0",
@@ -3016,7 +3016,7 @@
 		},
 		"components/o-comments": {
 			"name": "@financial-times/o-comments",
-			"version": "11.2.0",
+			"version": "11.2.1",
 			"license": "MIT",
 			"devDependencies": {
 				"@financial-times/o-forms": "^9.9.0",
@@ -3827,7 +3827,7 @@
 		},
 		"components/o-video": {
 			"name": "@financial-times/o-video",
-			"version": "7.3.0",
+			"version": "7.3.1",
 			"license": "MIT",
 			"devDependencies": {
 				"@financial-times/o-fonts": "^5.2.0",