testimonial-frontend

Community feedback

• 

  wey song•130

  @teuthixPosted 5 months ago

  I noticed when you shrink the width of the window, when it is <500px, the cards display in one column. Then when the width is between 500px and 768px, it is in two columns that get cut off by the edges of the window. Then when it is between 768px and 800px, it is one column again. I believe this is because your media queries at the bottom of your css. The media query for max-width:768px contains this: .gridone{ flex-direction: row; } and the media query for max-width:800px contains this: .gridone{ flex-direction: column; }. I believe this may be causing your problem!

  Marked as helpful

  1

  ---

  

  Divyam Sharma•160

  @Divyamsharma-18Posted 5 months ago

  Got it, will check and learn from this, thanks :) @teuthix

  0
• 

  Adrian Rangel•270

  @radriann21Posted 5 months ago

  Your project looks great!

  You should correct the colors only, and add some semantic HTML. It is necessary to learn semantic HTML because it allows you to give more meaning to what is being built, especially to search engines.

  You could also use grid here, I recommend some resources to understand grid at least at a basic level:

  • josh comeau introduction to grid

  • MDN article

  • W3School Module about Grid

  I hope you can continue practicing and improving!

  1

  ---

  

  Divyam Sharma•160

  @Divyamsharma-18Posted 5 months ago

  Yes sir, will keep this in my mind, i was kinda playing around with colors, which i shouldn't, specially here @radriann21

  1