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:

Build Full-Stack App React Goxygen

Build a full-stack app with React and Goxygen

We show how to use Goxgen to scaffold a full-stack React app. See how to integrate React with Go and modify Goxygen to suit your project requirements.

Clara Ekekenta
Dec 6, 2023 ⋅ 8 min read
Express Js Adoption Guide Overview Examples Alternatives

Express.js adoption guide: Overview, examples, and alternatives

Express.js is a Node.js framework for creating maintainable and fast backend web applications in JavaScript. In the fast-paced world of […]

Antonello Zanini
Dec 6, 2023 ⋅ 17 min read
Nesting web components in vanilla JavaScript

Nesting web components in vanilla JavaScript

Web components are underrated for the performance and ergonomic benefits they provide in vanilla JS. Learn how to nest them in this post.

Mark Conroy
Dec 5, 2023 ⋅ 10 min read
Using Defer In Angular 17 To Implement Lazy Loading

Using defer in Angular 17 to implement lazy loading

Angular’s new defer feature, introduced in Angular 17, can help us optimize the delivery of our apps to end users.

Lewis Cianci
Dec 4, 2023 ⋅ 10 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