profile

Hello, @deadazix good job.

To set those patterns you can use pseudo-elements like before, after. Use this code:

body::before {
  background: url(./images/bg-pattern-top.svg) no-repeat bottom right;
  top: 0;
  left: 0;
}
body::after {
  background: url(./images/bg-pattern-bottom.svg) no-repeat top left;
  top: 100%;
  left: 100%;
}

And some other things:

• To make it accessible try not to use the div tag as much as you can. You can use the main tag to the container.
• Try to implement the design as accurately as possible. Such as using the font family, font size, etc. as they asked to use.

Happy coding and have a good day. ♥

Hi, Arash i can help you, even guide you with a little tutorial .