next image to full container

Anthony Michael answered on November 30, 2022 Popularity 8/10 Helpfulness 8/10

answer next image to full container

related next image fill container

next image to full container

Comment

<div style={{width: '100%', height: '100%', position: 'relative'}}>
  <Image
    alt='Mountains'
    src='/mountains.jpg'
    layout='fill'
    objectFit='contain'
  />
</div>

Popularity 8/10 Helpfulness 8/10 Language html

Source: stackoverflow.com

Tags: html image next

Link to this answer
Share Copy Link

Contributed on Dec 16 2022

Anthony Michael

0 Answers Avg Quality 2/10

Closely Related Answers

next image fill container

Comment

.imageContainer {
  width: 100%;
  
    > span {
   	  position: unset !important;
	}
    
    img {
      object-fit: contain;
      width: 100% !important;
      position: relative !important;
      height: unset !important;
	}
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: dev.to

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 30 2022

ALEX HAKOBYAN

0 Answers Avg Quality 2/10

next image to full container

Contents

More Related Answers

next image to full container

Closely Related Answers

next image fill container

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.