Mobile first using HTML and CSS only

Hey @Senay-Fekadu2, good job on this solution!

Some feedback for you:

1. You can use the property height: 100% and object-fit: cover so the image fills the container and it is not squeezed when reducing the size of the viewport. Also, play with the min-width so the image container is not too small.

2. You can use text-transform: uppercase to capitalized your text in CSS instead of explicitly typing them in the HTML file.

3. You can try to follow a CSS convention called BEM. You can watch this video for more information Link to video.

I hope this helps, good luck!