Coding bootcamp testimonials using HTML, CSS(Flexbox), Js

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted over 4 years ago

  Hey Bhanu, nice work on this challenge! Responsive can be hard to get right, especially in the early days.

  I can see you've got max-width: 375px; on your .container. I'd recommend using a relative unit like % for this instead so that it can grow and shrink with the window size. Setting a px based max-width on your .container for desktop is fine as you typically want to max it out at a specific width for larger screens.

  My container class usually looks like this:

  .container {
    margin: 0 auto;
    width: 95%; /* Could be any percentage unit based on the design */
    max-width: 1240px; /* Could be any px unit based on the design */
  }
  

  This allows your container to re-size fluidly but then stop getting bigger at a set point.

  A great Udacity course to learn more is this Responsive Web Design Fundamentals course. I'd recommend checking it out.

  I hope this helps. Keep up the great work!

  1

  ---

  

  Bhanu Teja P•470

  @pbteja1998Posted over 4 years ago

  @mattstuddert

  Hey Matt,

  Thanks for the tips. I will checkout the course that you linked. By the way, this platform is awesome. Thanks for building this platform. Hopefully it evolves a lot in the future.

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted over 4 years ago

  @pbteja1998 you're welcome! Happy to help and it's awesome to hear you like the platform. I definitely plan to keep evolving and improving it!

  0