Built with Create-react-app and sass

@ApplePieGiraffe thanks for the feedback. I checked it on my phone and it seemed to work fine on landscape and portait. Do you mind telling me what screen size are you using that gives this issue?

@adluders

Using Chrome's dev tools, the header seems to overflow the width of the page at around 600px and below. The rest of the page is actually fine—I think the navigation just isn't changing to a mobile-friendly version (like, with a menu icon and everything). Fixing that should do it, though, I think. 😉

@ApplePieGiraffe it's so weird to be honest. When I use the dev tools and resize, it looks crappy but when I go on the actual device, it looks fine. Any thoughts on what adjustments I can make to fix that?

@adluders

TBH, I've experienced that exact same thing when working with Chrome's dev tools and I don't know what causes it. 🤨 I wish I could show you some screenshots or something, but there currently isn't a way to include images in comments on Frontend Mentor. IDK, does the issue appear when resizing the browser window itself on your desktop?

@ApplePieGiraffe it does but it's at like a random screen size so that's why I did not bother with it because it happened in a screen size that matters, like it does not affect tablets, or any phone size etc.

@adluders

Alright, then. 😅 Overall, the solution's pretty great! Keep coding and have fun! 👍

@ApplePieGiraffe thank you. I appreciate it. I'm gonna look into a way to fix the problem though because the lack of consistency is annoying.

@csoumya14 hey I'm glad this could've been used as a reference for you. What do you mean by your suggestion?

@adluders

Sorry for the typo. I mean using a picture tag instead of an image tag will give you more flexibility.

@csoumya14 ah gotcha. I'll look into that. I have typically used the img tag so it was not even something I thought of to be honest