CODEWITHSUNDEEP
javascripthtmlcss
vc669
vc669

Reputation: 571

Webpage not resizing - No constraints in code

I was doing multiple things on this pen, and at some point I realised that I cannot horizontally resize this page below a certain px value. I don't think I have explicitly set anything like that. Why is it happening? Usually, the ways to set a maximum width would be 

.x {
    min-width: 150px;
}

I have not actually done any such thing. https://codepen.io/that_is_just_wrong/pen/pegRQz

Upvotes: 0

Views: 64

Answers (3)

Dinca Adrian
Dinca Adrian

Reputation: 1230

As state in my comment, the number of tabs in a browser window influence the min width of the window. The browser will keep a minimum width for each tab so it can be clicked and seen as present. As a solution is to try test your site with a window and your site being the only tab there or if you use Chrome, inspect the page, switch to Mobile view(Ctrl + Shift + M) and you can have your own "resizable" window. Same goes with Firefox (Ctrl + Shift + M directly from page).

Use the predefined resolutions or use custom ones that you can create. Hope It helps.

Upvotes: 1

Plenarto
Plenarto

Reputation: 649

As @Dinca Adrian has noticed, the min-width of your browser depends on the amount of open tabs. Try closing some of them or open your site in a new window and check if it helps.

Upvotes: 1

L L
L L

Reputation: 1470

Internet browsers all have a minimum width under which they cannot be resized. You can read more here regarding Chrome Browser doesn't scale below 400px? and other browsers have limitations as well. Does this help?

Upvotes: 0

Related Questions