Breaking News: Grepper is joining You.com. Read the official announcement!

Responsive container centered

Add Answer

Jolly Jellyfish answered on August 9, 2021 Popularity 8/10 Helpfulness 7/10

Contents

answer Responsive container centered

More Related Answers

how to center a div

to center inside a div in css

keeping elements of container in center

how center div in css

how to center anything inside your container

css main container align center

box position in center css

how to center a div

how to center a div element

how to center a div in css

how to centre a div

How to center a div

How to center a div

how to center div

how to center a div

how to center a div

how to center a div

how to center div

how to center a div

how to center a div

how to center div in block container

what is the best way to center a div

Responsive container centered

Comment

0

.container {
  width: 400px;
  height: 300px;
  background-color: #ccc;
  position: absolute;
  /*it can be fixed too*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

Popularity 8/10 Helpfulness 7/10 Language html

Source: stackoverflow.com

Tags: html responsive

Share

Link to this answer
Share Copy Link

Jolly Jellyfish

Contributed on Aug 09 2021

Jolly Jellyfish

0 Answers Avg Quality 2/10

X

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

X

Grepper Account Login Required

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

Install Grepper Here