2021-04-02
2624
#css
Lawrence Eagles
41038
Apr 2, 2021 ⋅ 9 min read

How to build a custom grid with SASS

Lawrence Eagles Senior full-stack developer, writer, and instructor.

Recent posts:

Winterjs Vs Bun: Comparing Javascript Runtimes

WinterJS vs. Bun: Comparing JavaScript runtimes

WinterJS is theoretically the fastest WinterCG JavaScript runtime. Let’s compare WinterJS to Bun, another runtime known for its speed.

Emmanuel Odioko
May 28, 2024 ⋅ 6 min read
Understanding Cross Platform Graphics In Rust With Wgpu

Leverage Rust and wgpu for effective cross-platform graphics

Use Rust with wgpu to work directly with the new WebGPU standard for better control, cross-platform performance, and bug handling.

Mario Zupan
May 28, 2024 ⋅ 36 min read
Leveraging Wasp For Full-Stack Development

Leveraging Wasp for full-stack development

Learn how the Wasp, Web Application Specification, framework simplifies full-stack development by offloading repetitive code tasks.

Wisdom Ekpotu
May 27, 2024 ⋅ 11 min read
Developing Web Extensions With Wxt

Developing web extensions with the WXT library

Browser extensions are an important part of the web ecosystem. They make our lives easier and enhance our web browsing […]

Debjyoti Banerjee
May 24, 2024 ⋅ 8 min read
View all posts

2 Replies to "How to build a custom grid with SASS"

  1. The title of this article is quite misleading. The techniques described are all based on old float/clear methods. Nothing to do with CSS Grid, or how it addresses css page layout. Waste of a click for me, and potentially confusing to a CSS beginner.

  2. Hello Adrian, Lawrence Eagles here.

    Truly the article does not directly talk about CSS Grid. It is aimed at teaching readers how CSS Grid works by building a custom grid — that has features similar to those in CSS Grid.

    The knowledge acquired during this process can then foster the reader’s understanding of CSS gird.

    I choose to use CSS float because it is straightforward.

    Below are some of our post on CSS Grid:

    https://blog.logrocket.com/full-bleed-layout-css-grid/

    https://blog.logrocket.com/how-to-use-css-grid-to-build-a-responsive-web-layout/

    Hope this helps.

Leave a Reply