This may sound obvious but when someone lands on your website, he is probably going to do something. Guessing what this something is and helping the visitor to do it should be your main concern.
Maybe not for everyone! While Google puts the cursor in the search box, Amazon doesnt. I can’t figure out why the developpers would not do it. And just to prove I am not the only one annoyed by this, someone wrote a script to do just that.
Do the right thing
Dont be like Amazon, each time you build a web page, make sure its default state will require the least amount of work from the user to be usable. I know it is all obvious stuff but if Amazon can miss it, I guess a lot of people can too!
Much better, right? I can now see about twice as much information.
How to really fix this
While my custom CSS is nice, it would be even better if it was done automatically. This is where media queries come into play. The developers could solve the issue by targeting a specific screen resolution (let say less than 1300px) with a media query, it is possible to serve a different stylesheet suited to smaller screen. Here is how to do it:
Whenever you are using margin/padding top/bottom to display dynamic content, take a moment to shrink your window to a smaller size and see the impact on usability/information density. If there is an impact, use media query to mitigate it.