andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update tags, expertise and descriptions across

Browse Source 
Fix anything that was a bit out of place
This commit is contained in:
Angelos Chalaris
2020-03-05 22:52:51 +02:00
parent e536c78974
commit 7e69307433
47 changed files with 114 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
snippets/constant-width-to-height-ratio.md
View File

@ -3,8 +3,7 @@ title: Constant width to height ratio
tags: layout
---
Given an element of variable width, it will ensure its height remains proportionate in a responsive fashion
(i.e., its width to height ratio remains constant).
Given an element of variable width, it will ensure its height remains proportionate in a responsive fashion (i.e. its width to height ratio remains constant).
```html
<div class="constant-width-to-height-ratio"></div>
@ -15,11 +14,13 @@ Given an element of variable width, it will ensure its height remains proportion
background: #333;
width: 50%;
}
.constant-width-to-height-ratio::before {
content: '';
padding-top: 100%;
float: left;
}
.constant-width-to-height-ratio::after {
content: '';
display: block;