HOW to FIX stretched & squished images in CSS?

Published: 21 August 2023
on channel: ProgBytes
597
27

in this video you will learn how to set the images and videos dimensions to be displayed properly and correctly in your website
without losing their aspect ratio.
in CSS there are two important properties to achieve that:
1 - Object-fit
2 - Object-position

if you are not using these properties for your images or videos , then your images or videos are going to lose their original aspect ratio
which will cause your images to look very ugly in your pages . but when you use these CSS properties then you will have your images and
videos perfectly displayed and properly set.


#objectfit
#responsive
#cssimages


⌚ TIMESTAMPS
00:00 Introduction
02:00 Object-fit
03:31 Cover
05:00 Contain
07:19 Object-position


ALSO WATCH :

📺 RELATED VIDEOS
CSS course playlist:
   • CSS crush course (beginner to advanced)  





🔽 CONNECT WITH ME

Twitter: https://twitter.com/ProgBytes?t=5w5MW...



🔔 SUBSCRIBE ON YOUTUBE
   / @progbytes  


Watch video HOW to FIX stretched & squished images in CSS? online without registration, duration hours minute second in high quality. This video was added by user ProgBytes 21 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 597 once and liked it 27 people.