Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

PHP Build a Simple PHP Application Listing Inventory Items Understanding Whitespace

Posted by Sherrie Gossett
Sherrie Gossett
14,924 Points

Re: blog post: "Using inline-block To Display a Product Grid View"

Regarding responsiveness, would it be preferable to use relative measurements for the inline-block elements (vs. fixed measurement, e.g. 200px as cited in the example)? (I realize the items currently will jump to a new line as screen size is smaller.) I imagine some min-width or max-width CSS commands would then be necessary, if relative measurements were used.

Lexis Hamilton
Lexis Hamilton
10,181 Points

The short answer is that it depends.

Percentages and other flexible measurments can be easier to use at first because thay adjust as screen size increases. However, you might notice that at a certain size (espcecially very big displays or very small displays) things look a little "off". On the other hand there are things that you may wish to be fixed measurements. Often I use both fixed and flexible measurements in combination, thinking carefully about whether I might want size to adjust (i.e. if the screen gets bigger, do I necessarily want a comment box to get larger, a menu size to increase or the size of the font to change or remain the same).

If you have not already leared about CSS media queries, this is another area you might want to explore. CSS media queries are incredibly powerful in that they let you adapt your design to different sizes of devices with minimal styling overwrites in your CSS. This makes your mark-up a bit more adaptable for the user depending on the way they are accessing the content, or even how big their browser window is.