Slick Media Blog

Covering Website Design, Coding, SaaS, Software and Tech.
Editorial by
Glenn

The difference between EM and REM and how to set and responsively adjust the base font size

This is some text inside of a div block.
This is some text inside of a div block.
In modern website design, knowing how to effectively use CSS units like rem and em for font sizing and layout is essential. The differences in use can significantly impact your website's accessibility, responsiveness, and overall user experience. Central to this is understanding the differences between rem and em units and how to set and adjust the initial base font size for your web projects.

X Theme Responsive Breakpoints

This is some text inside of a div block.
This is some text inside of a div block.
The main X Theme Responsive Breakpoints and X Theme Media Queries

Flex CSS Examples

This is some text inside of a div block.
This is some text inside of a div block.
Center a Div horizontally & Vertically with Flex CSS. Fluid Equal Height & Width Responsive Columns with Flex CSS.

Responsive jQuery Layout

This is some text inside of a div block.
This is some text inside of a div block.
How to use jQuery for responsive layouts

CSS for Mobile and Other Devices

This is some text inside of a div block.
This is some text inside of a div block.
CSS Media Queries for Mobile and Other Devices

jQuery adjust and animate content to unknown height

This is some text inside of a div block.
This is some text inside of a div block.
How to adjust and animate content to an unknown responsive height.

jQuery Equal Height Children Methods

This is some text inside of a div block.
This is some text inside of a div block.
Five different approaches to set equal heights on child divs with jQuery.