CSS ,CSS Flexbox, HTML

Hi, Your site looks better on desktop version, nice work there👍. But you can improve it for medium sized and mobile devices, you can use responsive units for margin and text-align:center at mobile devices. also, for the background image as @Liem said I would like to add that you can also use background-blend-mode:multiply; with given bg-img and color. For more clarification you can check my solution and let me know if I need to improve something there. Thanks!

Hey Talal! It was a good idea to start with a real project on frontendmentor instead of watching endless tutorials. Hope you will develop your skills fast.

Now to your project: instead of using the img tag for the image, you can also use only a div tag with a class. In the CSS file you can give this class from the div tag the property background-url which links to your image. In the same class you can set the background with opacity, so that you can color your image. You can have a look at my codepen: https://codepen.io/liemdang/pen/jOmEdeG

Hope this was helpful to you.