Let’s say we have a product page in our store with a row of thumbnails below the main image.
How to remove unnecessary top margin from the first element of the post content
So we have a post content with headers, paragraphs, sorted lists and so on. A good habit is to leave more space above headings than below them (text scanning and readability).
How to create a responsive, vertically centered, two-line anchor-based button
Let’s say we need to use a anchor button (<a href=”” class=”button”>) for some reason. Legacy code in the current project, whatever. We want it tobe responsive and vertically centered (mobile view).
How to cover edge cases for low amounts of content
Let’s say you have a tag cloud and an author bio section at the bottom of your article. To make a distance from the post content, you set top margins.