title: Can someone show me how to create dotted background with linear gradient at same time. And also if possible to group dots in small squares
body: <p><a href="https://i.stack.imgur.com/ORAKY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ORAKY.png" alt="enter image description here" /></a></p>
  <p>This is gradient: linear-gradient(to bottom right, #294A77, #8986A5);
  and $dot-color: #606685;</p>
  <p>And i tried : <a href="https://codetea.com/a-simple-technique-to-create-a-dot-pattern-or-dot-grid-background/" rel="nofollow noreferrer">https://codetea.com/a-simple-technique-to-create-a-dot-pattern-or-dot-grid-background/</a> but unsuccessful.</p>