All solutions

I would love to see some suggestion to keep improving

I would love to see any suggestions or ideas to reduce my code or make it best practice.

I have a feeling that it's not the best style rules I should make it with like I feel like there best practice for doing such landing with also responsive like my break point is so early at 1170px almost please I would love to see suggestions about my code and also using BEM and responsive suggestions

if there are any suggestions to improve my code quality or make it best practice, I would love to learn it. if there is good resource for learning BEM to improve writing CSS I will be thankful to refer me to it.

well, I'm feeling that the image part is not best practice is there anyway I can use img tag for image while changing the "src" attribute for different query ? I had to use background image for this to handle but I had a problem that the div has no height when I made the responsive design so I had to give it min-height to image height? also when I used the img tag when I increase gap between elements the component height increase but the image height did not which made a white area under the image

feel free to help me achieve best practice for responsive?

help me with best practices ?