All solutions

Hello, I'm running into a few problems here, seems like I can't fit my image on the grid-item while on the desktop version. I tried using width, min-width, max-width, height, object-fit, but it won't fit the grid-item. Also i want to ask how can i get a similar violet filter on the image that are in the design folder, should I use a div and set the color to purple, set the size, and opacity like I did in my solution, or is there any other way like using CSS filter or other property thanks!

Hello, this is my third time doing frontendmentor challenge, a few obstacles that I run into while doing this project are: How do I change the background image from mobile to desktop -> I know that I can use picture element and set a source image and it's media attribute to change the image but for background image, I'm kinda confused. The other thing I want to ask is how do I remove the scrollbar but keep all the body elements in the middle. Overall I think my code is fine but if there is anything that you want to suggest to me feel free to comment, thanks!.

Second time doing frontend mentor challenge any feedback on my solution are welcomed thanks! ^^

Hello, this is my first time doing frontendmentor challenge. Just started learning Html and CSS about a month or two so any feedback on my solution are welcomed. The code part where I'm unsure of is the responsive style, I'm confused on how to change image from the mobile to desktop layout.