CSS, HTML, Responsive Mobile and Desktop

Nhìn tên có vẻ Việt Nam mà để Finland cũng ko biết tôi nên nói tiếng gì :)

Ở 1000px -> 900px width là của ông bị vỡ là card nó bị quá width.

1. 1000px -> 900px screen card oveflow Solution: @media (min-width: 798px) .card-content {width: 50%}

1. 900px -> 800px screen data overflow : Solution : (ugly but fixed :V. Or you can decrease all font-size of card at 900px). @media (min-width: 798px) .data { flex-wrap: wrap;}

1. 900px -> 800px picture not 100% height : You should set background-img instead of <img>

Hey, See if you want to make your website responsive try learning how max/min-width and max/min-height works it would be great and also maintain less code in your media query Example:-

img{ width:500px; min-width:450px}

So the img size won't be smaller then 450px

• Arrange your css properly
• I am also a beginner but as you complete your challenges you will get more improvement

Happy coding 🙌🙂