All solutions

I keep finding issue with going between the mobile interface and the desktop one. I have been recommended to start with the mobile interface and then go for the desktop one but I still struggle when I have to fix.

I still struggle making a responsive interface, the design is not always responsive with different interfaces.

What did you find difficult while building the project?

1. Making It responsive, It is still not clear to me how to do so and when I define media queries I have the issue.
2. Positioning elements

Which areas of your code are you unsure of?

1. My container was not correctly aligned and I used margins

Do you have any questions about best practices?

1. Starting with mobile development since the way to ease the load on the project because then It is easier to work on the desktop part, however I am not sure if It is the modern approach.
2. How to make pages more responsive

1. I am still having issues with making a responsive interface
2. I had issue moving the images when switching between a desktop interface to a mobile one, therefore I used order to assign and then move them more easily
3. In the mobile view, there was a gap between the left-side and the right-side and I used a margin to hide It, but I am unsure if this was the best solution.
4. I wanted to use the picture tag to show a default desktop image and an image in case It was under 375px, however I had issue and couldn't make it work.

1. I am unsure if It is responsive with different resolutions. I am worried that with a phone It could be buggy.
2. It is not clear to me how can I make it more responsive