All solutions

What specific areas of your project would you like help with?

I would like to improve my media query part, I can't seem to make it look like how the design page looks. Any tips would be greatly appreciated!

This is my first frontend mentor challenge with javascript, I hope I did it right, and please feel free to point out anything that I need to improve for this project, thank you in advance!

Two issues I can't seem to solve myself:

1. I tried to add media query but it didn't work as intent and anything I put under was completely ignored.

/* Media query for mobile screens (up to 375px) */
@media only screen and (max-width: 375px) {
    body {
        padding-bottom: 0;
        padding-top: 0;
    }
    
    .container {
        max-width: 100%;
        padding: 0; /* No padding for mobile screens */
    }
    
    .container > img {
        border-radius: 0; /* No border radius for mobile screens */
        object-fit: contain;
    }
}

1. I haven't figured out how to make the lines on the table the way it is shown in the design picture yet.

Open to improvement, thanks!

Please let me know how I can improve, thanks!