Examples for how to create your own info panel, warning box and other decent looking notification in GitHub markdown.
All the boxes are single/two cell tables or two row tables.
| ❗ You have to read about this |
|---|
Brandon A Calderon-Morales BA-CalderonMorales
cseeman
/ markdown_examples.md
Last active
December 5, 2025 03:47
Markdown for info panel/warning box
arisacoba
/ github-flavored-markdown-TILs.md
Last active
August 25, 2025 10:29
Some discoveries on how GitHub displays certain markdown syntaxes
Some discoveries on how GitHub displays certain markdown syntaxes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { makeStyles } from '@material-ui/core/styles'; | |
| export default makeStyles(() => ({ | |
| appBar: { | |
| borderRadius: 15, | |
| margin: '30px 0', | |
| display: 'flex', | |
| flexDirection: 'row', | |
| justifyContent: 'center', | |
| alignItems: 'center', |
adamdehaven
/ bgimage.css
Last active
September 19, 2024 13:29
Bootstrap full-width hero section with text and image
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .bgimage { | |
| width:100%; | |
| height:500px; | |
| background: url('https://images.unsplash.com/photo-1438109491414-7198515b166b?q=80&fm=jpg&s=cbdabf7a79c087a0b060670a6d79726c'); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| background-size:cover; | |
| background-attachment: fixed; | |
| } | |
| .bgimage h5 { |