@Jos02378
Posted
Hey Fahim, great job on creating this solution!
First of all, you did a great job on making it responsive, it is working perfectly and I don't see any overflow/side-scrolling on the mobile version. For aligning your content, I think it is better to use flexbox with the property 'justify-content' and 'align-items' rather than explicitly setting the padding and margin for mobile and desktop size because it can save you a lot of time. Also, you can use 2 overlays for the image and play with the opacity to get the same color as the design.
I hope this helps, good luck!