Frontend Mentor Challenge
Hi, does anyone know how I can get those 2 background images on the body like that?
This is what I got so far: https://jsfiddle.net/on6ed8qm/7/
![](https://utfs.io/f/9a9a6b0b-8592-4e0f-a930-a171a7450e7e-4pl4mu.png)
9 Replies
pseudo elements?
I'm not sure how that works
Those are 2 background radial gadients. I would put it on the body or container. pseudo is possible too if you want to apply some masking
I tried that, this is what I got: https://jsfiddle.net/h64p9kbq/
yea, images would work too
you can set background-position and background-size for each one
Alright, I'll try it out and see if I can replicate
![](https://utfs.io/f/03bbcda0-b572-4f39-800d-0a1cbb0ae078-4pl4mu.png)
I tried that and it only kinda works on huge displays
![](https://utfs.io/f/7cd9ee51-5598-4bd9-813b-c59828dc0d90-4pl4mu.png)
On smaller displays, it breaks