SkillSeevaSkillSeeva
HomeResourcesScheduleRoadmapTeam
Back to Categories
Current Path
CSS3
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables
Jump to topic:
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables

Object Fit & Cover

Control how images and videos fit into their containers.
css
img {
  width: 100%;
  height: 200px;
  object-fit: cover; /* Prevents stretching, crops to fit */
}
13 / 16