---
title: "CSS - Muhammad Rehan Saeed"
description: "Blog posts authored by Muhammad Rehan Saeed about CSS."
canonical_url: "https://rehansaeed.com/tag/css/"
meta:
  author: "Muhammad Rehan Saeed"
  "og:description": "Blog posts authored by Muhammad Rehan Saeed about CSS."
  "og:image": "https://rehansaeed.com/_og/s/o_9ddde518486faa69.png"
  "og:image:alt": "# CSS - Muhammad Rehan Saeed"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": CSS
  "twitter:image": "https://rehansaeed.com/_og/s/o_9ddde518486faa69.png"
  "twitter:image:alt": "# CSS - Muhammad Rehan Saeed"
---

> Index of every page on this site: [llms.txt](https://rehansaeed.com/llms.txt)

# [# CSS](https://rehansaeed.com/tag/css/)

## [Web Component Custom Element Gotchas](https://rehansaeed.com/web-component-custom-element-gotchas/)

Web components have certain gotchas with relation to custom elements and CSS. This post goes through them all and shows how you can avoid them.

Posted 30 April 2021 - **4 min read**

## [CSS General Rules of Thumb](https://rehansaeed.com/css-general-rules-of-thumb/)

Getting to grips with CSS is difficult. This post describes some general rules of thumb that can guide you down the right path to success.

Posted 20 April 2021 - **6 min read**

## [A System for Grouping & Sorting CSS Properties](https://rehansaeed.com/system-for-grouping-and-sorting-css-properties/)

Grouping and Sorting CSS properties can make your CSS easier to read and helps with consistency in a team environment. There is no correct answer but something is better than nothing.

Posted 20 April 2021 - **3 min read**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://rehansaeed.com/#website","@type":"WebSite","description":"Software Developer at Microsoft, YouTuber, Open Source Contributor and Blogger","inLanguage":"en-GB","name":"Muhammad Rehan Saeed","url":"https://rehansaeed.com/","author":{"@id":"https://rehansaeed.com/#identity"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://rehansaeed.com/?search={search_term_string}"},"query-input":"required name=search_term_string"}],"publisher":{"@id":"https://rehansaeed.com/#publisher"}},{"@id":"https://rehansaeed.com/tag/css/#webpage","description":"Blog posts authored by Muhammad Rehan Saeed about CSS.","name":"CSS","url":"https://rehansaeed.com/tag/css/","@type":["WebPage","CollectionPage"],"breadcrumb":{"@id":"https://rehansaeed.com/tag/css/#breadcrumb"},"isPartOf":{"@id":"https://rehansaeed.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://rehansaeed.com/tag/css/"]}]},{"@id":"https://rehansaeed.com/#identity","@type":"Person","name":"Muhammad Rehan Saeed","url":"https://rehansaeed.com/about/","image":{"@id":"https://rehansaeed.com/#/schema/image/1"},"sameAs":["https://github.com/RehanSaeed","https://www.linkedin.com/in/muhammad-rehan-saeed","https://stackoverflow.com/users/1212017/muhammad-rehan-saeed","https://www.youtube.com/c/MuhammadRehanSaeed","https://www.twitch.tv/rehansaeeduk"]},{"@id":"https://rehansaeed.com/#publisher","@type":"Organization","logo":"https://rehansaeed.com/images/schema/Publisher-600x60.png","name":"Muhammad Rehan Saeed","url":"https://rehansaeed.com"},{"@id":"https://rehansaeed.com/tag/css/#/schema/item-list/1","@type":"ItemList","itemListElement":[{"@type":"ListItem","name":"Web Component Custom Element Gotchas","url":"https://rehansaeed.com/web-component-custom-element-gotchas/","position":1},{"@type":"ListItem","name":"CSS General Rules of Thumb","url":"https://rehansaeed.com/css-general-rules-of-thumb/","position":2},{"@type":"ListItem","name":"A System for Grouping & Sorting CSS Properties","url":"https://rehansaeed.com/system-for-grouping-and-sorting-css-properties/","position":3}]},{"@id":"https://rehansaeed.com/tag/css/#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Blog","item":"https://rehansaeed.com/","position":1},{"@type":"ListItem","name":"CSS","item":"https://rehansaeed.com/tag/css/","position":2}]},{"@id":"https://rehansaeed.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://rehansaeed.com/images/author/Muhammad-Rehan-Saeed/Logo-512x512.png","inLanguage":"en-GB","url":"https://rehansaeed.com/images/author/Muhammad-Rehan-Saeed/Logo-512x512.png"}]}
```

## Sitemap

See the full [sitemap](https://rehansaeed.com/sitemap.md) for all pages.