The object-fit property in CSS - Maintain aspect ratio on images or video - Web Design Tutorial

  Рет қаралды 27,850

dcode

dcode

Күн бұрын

Пікірлер: 27
@maxbranco7321
@maxbranco7321 4 жыл бұрын
Saved my life, couldn't find this anywhere
@dcode-software
@dcode-software 4 жыл бұрын
All good!!
@Con-fidence
@Con-fidence 4 жыл бұрын
I struggled so much with trying to shrink the darn thing. Thanks, your explanation made everything clear for me :')
@jayasurya9145
@jayasurya9145 4 жыл бұрын
This is awesome, you know... no where this concept explanation found in youtube.. u the best.
@robertsedgewick1266
@robertsedgewick1266 4 жыл бұрын
This video is a gem on youtube. Thanks for sharing!
@keifer7813
@keifer7813 2 жыл бұрын
Great explanation brother
@techrelated4
@techrelated4 10 ай бұрын
Thank you sir, this helped me a lot.
@dylanm7638
@dylanm7638 3 жыл бұрын
thanks brother, saved my time
@markzait2750
@markzait2750 2 жыл бұрын
Very useful video. Thank you!
@mahdiceddo4205
@mahdiceddo4205 5 жыл бұрын
please what about if i want the imahe have same value when i resize the viewport? i mean the image be like frozen at its initial appearence
@alextheblockchaindev
@alextheblockchaindev 5 жыл бұрын
Good Job! Thanks for the video!
@prabu2778
@prabu2778 4 жыл бұрын
What's the difference between background size and object fit?
@halobule
@halobule 4 жыл бұрын
How about the featured image in post preview? when I change size on post preview page then it will show the same size in the actual post. How do I get around this?
@jivanmainali1742
@jivanmainali1742 4 жыл бұрын
Nice tutorial
@LonelyJester
@LonelyJester 5 жыл бұрын
this is a very lovely property!!!!!
@rajusam5
@rajusam5 5 жыл бұрын
This is really helpful. Ty
@ink16it03
@ink16it03 5 жыл бұрын
What your theme?
@dcode-software
@dcode-software 5 жыл бұрын
Min Dark with Roboto Mono
@helmialfathseptiana6383
@helmialfathseptiana6383 4 жыл бұрын
this is great :)
@aijiexi
@aijiexi 3 жыл бұрын
I wanted a tutorial on the other two
@Skyflyer
@Skyflyer 5 жыл бұрын
Hello dcode, thanks for this video. It is possible to maintain this aspect ratio on a with a background-image ?
@hppycjavs2805
@hppycjavs2805 5 жыл бұрын
I have that issues too when i tried two column background images with fixed width and height. It always breaks on some screen sizes... but i did tried it thru media query mate..and i think it fixes that issue...
@praveenrajsr2112
@praveenrajsr2112 5 жыл бұрын
Thank you sooo much! :)
@dcode-software
@dcode-software 5 жыл бұрын
No worries mate
@cryptocoinkiwi8272
@cryptocoinkiwi8272 4 жыл бұрын
BRA fricken VO!
@naeem2057
@naeem2057 3 жыл бұрын
karma loves you
@mtycoder
@mtycoder 4 жыл бұрын
you are beautiful, i dont neet to see you, i just know you are
The NEW CSS aspect ratio property
7:15
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 13 М.
Responsive Image Height CSS Tutorial
3:57
5-Minute Web Dev
Рет қаралды 109 М.
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 550 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1,3 МЛН
Cropping images with Object Fit
5:06
Layout Land
Рет қаралды 37 М.
9 Web Design Trends 2025 to Spruce Up Your Site
16:33
Showit
Рет қаралды 96 М.
Соотношение сторон. CSS свойства aspect-ratio и object-fit
18:01
VIMP dev — верстка сайтов
Рет қаралды 4,6 М.
Learn how to create a responsive CSS grid layout
31:52
Kevin Powell
Рет қаралды 134 М.
How to Properly Layout A Website (For Beginners)
14:50
The Website Architect
Рет қаралды 699 М.
Learn CSS Media Query In 7 Minutes
7:11
Web Dev Simplified
Рет қаралды 845 М.
Controlling background-images | CSS Tutorial
16:42
Kevin Powell
Рет қаралды 389 М.