Fylo data storage component (HTML, CSS, JS)

Hey Basak. I do see more than just responsive issues, but this was a great try. All the elements are used and there just needs to be some cleanup in your code. Here are the things that can improved:

• They way you're using position: relative and moving the sections is very difficult when it comes to making it fluid. It makes it difficult to be responsive.
• I would wrap the sections in a .container with a max-width.
• Remove the set heights from the sections and allow the design to be fluid.
• Instead of using max-width for your media query, build mobile first. Your default CSS styles are for mobile and use min-width to override styles for larger screens as needed. This is a good article talking about current media queries. http://devfacts.com/media-queries-breakpoints-2020/

Hi Basak, that particular line is actually the culprit. All the code under max-width: 375px will only be applied if the screen width is less or equal to 375px. Once it hits 376px and up, your project will take the desktop styles declared on top of your CSS file. Maybe you meant min-width: 375px? Or a higher breakpoint such as max-width: 768px. Let me know if this helps.

Hi, just use flexbox or grid for layout, this way it will be much easier to put elements into right spots, including resposivness.

Keep coding, Roman

I think you should change the 375px to 320px