Tech Blog
Viewing Category - CSS
Web development tips, tricks and tutorials for web developers of all levels.
Showing 1 to 4 of 4 results
Tailwind CSS 4 - Overriding or replacing screen sizes (breakpoints)
Learn how to override and customize screen sizes (breakpoints) in Tailwind CSS 4's new CSS-first configuration system. Includes migration tips, practical examples, and troubleshooting guide. Continue reading
Tailwind CSS - Using subgrid to align child content
As of Tailwind CSS 3.4, CSS subgrids are now available. In this article, we will look at how we can use the new subgrid option to fix a very common layout alignment issue. Continue reading
Tailwind CSS - How to make a grid with different width columns
Explore how to create a two-column grid as an example using Tailwind CSS, where the first column takes up 20% of the width, and the second column occupies the remaining 80% using 3 different methods to accomplish this. Continue reading
Owl Carousel CLS (Cumulative Layout Shift) fix
In this article, we will look at CLS (Cumulative Layout Shift) and how sliders/carousels such as Owl Carousel negatively impact CLS scores and provide a fix. Continue reading
Showing 1 to 4 of 4 results