-
Why are CSS margins not collapsing?
Flex items’ margins won’t collapse. When flex items wrap, they create their own row, and the individual margins on the flex items won’t collapse between rows. Only normal, adjacent block elements stacked will margin collapse the way you’re intending. This is a good reference – https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing You can create the same layout by removing the…
-
CSS Grid full-bleed layout tutorial
https://joshwcomeau.com/css/full-bleed/
-
Customizing Checkboxes and Radios Inputs Using CSS
Customizing Checkboxes and Radios Inputs Using CSS
-
How to inspect placeholder styles with browser developer tools
Recently I had to do some debugging of placeholder styles for a project I was working on. If you do any kind of front end development work you’ll know that normally in a situation like this you’ll just use the inspect option in your browser’s developer tools to look at the styles being applied to…
-
Right and left align menu items in a single container
This technique will also preserve the order of your menu items. Whereas if you’d just floated some menu items to the right, the order of the right aligned items (if there were more than one) would now be wrong. Of course, this technique doesn’t just apply to menus but it seems to be the most…
-
Add a comma after the testimonial name displayed by the Testimonials by WooThemes widget
Depending on the settings you’re using in the widget, by default the widget’s output may read: Nick Davis iamnickdavis.com Instead this adds a comma after the name field and makes it more readable, like so: Nick Davis, iamnickdavis.com [gist id=”95025ffe1662f393f5065308a11b837e”]
-
Making viewport units (vh|vw|vmin|vmax) work properly in Mobile Safari
https://github.com/rodneyrehm/viewport-units-buggyfill