CSS Grid, Flexbox

Hi! 🖖

Welcome to the frontendmentor community! 🎉

I would just like to give you some tips:

• For the background images bg-pattern-top and bg-pattern-bottom, I recommend placing it in the body on style file background-image: url (), url ();
• For the position you can use vw and vh background-position: right 50vw bottom 50vh, left 50vw top 50vh; Here I leave you more information about vw and vh
• Check the Accessibility issues and HTML issues report and try to fix them

Be well, keep coding! 💻👾

Hi, congratulations for your first challenge.

A tip: you should use background-image: url(<image-url>) in the css file for your background images. You can position the background images with background-size and background-position. I think it is a better practice.