CSS Tips & Tricks: Element with fixed aspect ratio
CSS Tips & Tricks: Element with fixed aspect ratio
Timestamps:
0:00 - Introduction (item with fixed aspect ratio)
2:02 - Solution 1: Padding percentage is based on parent's width
5:25 - Solution 2: aspect-ratio CSS property
* Credits:
Music:
Artist : Oneul
Link : https://youtu.be/eqr7uTxlekc
Photo by Victor Grabarczyk on Unsplash
#frontend #css #webdev #html
#CSSTricks #coding #programming #vscode
HTML5, CSS3, WebKit, Chrome, Firefox, Web development
Other Videos By Emilia Kaida - Heroes 3 forever
| 2022-07-07 | Heroes 3: The triumphant return of our Elven army - Defeating a powerful Conflux opponent! |
| 2022-06-23 | Heroes 3: Intense fight with 9999 Dragons and level 7 creatures (no Berserk, all-out boss battle) |
| 2022-06-16 | Heroes 3: Żołnierze dendroidów kontra stwory poziomu 7 (Dendroid Soldiers vs Level 7 Creatures) |
| 2022-06-02 | Heroes 3: Of Elves, Dendroids and Unicorns - An epic tale! |
| 2022-05-17 | Heroes 3: Bombarding enemies with the Cloak of Absolute Power! |
| 2022-05-04 | Heroes 3 Complete: Crushing opponents with the Angelic Alliance (Map: Free For All, 200%) |
| 2022-05-03 | Heroes III: Necropolis + Rampart vs a formidable opponent (Map: Free For All) |
| 2022-03-08 | Javascript Tutorial: Event listener (handler) with parameters |
| 2021-12-24 | Heroes III: Battle with a Stronghold opponent (Map: Paragon 2.0) |
| 2021-12-04 | HTML & CSS Tutorial: Polaroid Image Gallery |
| 2021-11-20 | CSS Tips & Tricks: Element with fixed aspect ratio |
| 2021-11-10 | Tutorial: Gradient inside text (pure CSS & Tailwind CSS) |
| 2021-10-23 | Heroes III: Rampart, Kyrre and a happy ending |
| 2021-10-14 | Heroes 3: Small battle with Kyrre (World 4 You, Rampart, 200%) |
| 2021-10-02 | Heroes III: Necropolis vs some random Fortress opponent |
| 2021-09-11 | Heroes 3: Necropolis redux - A few Skeleton Warriors (amazing battles!!!🚀🔥🔥🚀) |
| 2021-09-05 | Heroes 3: Necropolis redux, Vidomina vs Loynis (Castle) |
| 2021-08-27 | Heroes 3 Complete playthrough: Pandora's Box (200%, Rampart), part 2 (END) |
| 2021-08-23 | Heroes 3 Complete playthrough: Pandora's Box (200%, Rampart), part 1 |
| 2021-08-10 | Heroes 3 Complete playthrough: Arrogance (200%, Necropolis) |
| 2021-07-21 | [Python] Small functional exercise (Dictionary comprehension + Lambda) |
Tags: webdev
programming
code
coding
css
tips
tricks
vscode
html
aspect-ratio
18