-
Notifications
You must be signed in to change notification settings - Fork 0
Learn CSS SCSS
DUONG Phu-Hiep edited this page Jul 6, 2023
·
4 revisions
https://www.youtube.com/watch?v=fuiEYR6Hoe0
.columns {
flex-wrap: wrap; // allow the 3rd column to go down if there is not enough room for all 3 columns
}
.columns > * {
flex-basis: 200px; //a column want to be 200px
flex-grow: 1; //a column is allow to grow and at the same time want to be 200px
}
- You can practice on my Svelte project template
- Use the responsively.app for preview
- flex / grid (done)
- Fontawesome free icons is not enough?
- Look at https://icon-sets.iconify.design/
- just find the SVG version of the icon you want and copy paste it directly to your HTML https://www.svgviewer.dev/
https://ianlunn.github.io/Hover/
*** obsolete, use vite instead ***
Use the vue instant prototype
npm install -g webpack sass sass-loader
vue serve
https://www.youtube.com/watch?v=qm0IfG1GyZU
display: grid;
place-items: center;