CSS, HTML, Responsive Mobile and Desktop

Community feedback

• 

  hao pham•745

  @jerry-the-kidPosted over 3 years ago

  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%}

  ---

  2. 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;}

  ---

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

  ---

  Marked as helpful

  1

  ---

  

  Bao Nguyen•100

  @quocbao19982009Posted over 3 years ago

  @jerry-carry Cảm ơn ông đã góp ý nhé!

  1

  

  hao pham•745

  @jerry-the-kidPosted over 3 years ago

  @quocbao19982009 Ok ông kk

  1
• 

  Adam.Codes•180

  @AdamCodes42Posted over 3 years ago

  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 🙌🙂

  Marked as helpful

  1

  ---

  

  Bao Nguyen•100

  @quocbao19982009Posted over 3 years ago

  @JakeCodes42 Thanks for your comment! I will try to improve in the next challenge!

  1