https://github.com/vertocode/css
https://github.com/vertocode/css
css
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/vertocode/css
- Owner: vertocode
- License: mit
- Created: 2022-12-04T20:37:22.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-24T01:50:41.000Z (almost 3 years ago)
- Last Synced: 2025-04-07T04:32:48.391Z (8 months ago)
- Topics: css
- Language: HTML
- Homepage: https://blog.vertocode.com/#/css
- Size: 28.3 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CSS Notes
This repository is dedicated to consult from vertocode.
You can use to consult too!
I post materials about this repository on my blog in the [CSS section](https://blog.vertocode.com/#/css).
## Flexbox
The flex layout allows responsive elements within a container to be automatically arranged depending on viewport.
- [Github](https://github.com/vertocode/css/tree/main/flexbox)
- [Blog page](https://blog.vertocode.com/#/css/flexbox)
## Grids
A grid is a collection of horizontal and vertical lines creating a pattern against which we can line up our design elements.
- [Github](https://github.com/vertocode/css/tree/main/grids)
- [Blog page](https://blog.vertocode.com/#/css/grids)
## Match elements with `^`, `$`, `*` and `~`
We were able to use these characters in selectors to filter which ones we want to be modifying in CSS or testing in some testing framework like Cypress or Playwright.
- [Github](https://github.com/vertocode/css/tree/main/match-selectors)
- [Blog page](https://blog.vertocode.com/#/css/match-elements-with-special-chars)