@mattstuddert
Posted
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!
@pbteja1998
Posted
@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.
@mattstuddert
Posted
@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!