My HTML layout looks like this: body //display: flex    nav //flex-basis: 85px    main //flex-grow: 1    footer //flex-basis: 50px   On desktop view, the footer is at the bottom: but if the content grows, later on, the footer is no more at the bottom, there is a gap between the bottom of the page and the end of the footer.  on mobile, you can immediately see the gap.   I'm using display: flex and looking for a way to make sure that the footer always stays at the bottom. her'es the layout css: body {   display: flex;   flex-direction: column;   min-height: 100vh; }  nav {   flex-basis: 85px; }  .main {   flex-grow: 1; } footer {   flex-basis: 50px;   background-color: #10182f;   color: white;   padding: 15px 0; }  Thanks in advance here are some images to clarify: Normal desktop view:  Longer viewport:  Normal mobile:
I have a simple 2-column layout with a footer that clears both the right and left div in my markup.  My problem is that I can't get the footer to stay at the bottom of the page in all browsers.  It works if the content pushes the footer down, but that's not always the case.
The velocity of the flowing coming out of the balloons? Last day , when i was working on two interconnected balloons , a question was kicking my brains !!! This is the explanation of the question:  First , suppose a system that composed of two spherical membranes filled with air (two balloons have different initial volumes {means that the pressure inside which balloons are different} and the air pressure is 1 a.t.m) . We connect them with hollow tube and a valve. When we open the valve , one of them shrinks and the other one expands (It depends on their pressure) .  So how can we get the velocity of the flowing air between two balloons? (Consider everything but if you have reasons for not considering one of them -for example the ratio of friction in the tube- Don't consider them and just tell me the reason)  Thanks Evaluate the following integral:  $$\int \frac{\sqrt{\sin ^4x+\cos ^4x}}{\sin ^3x \cos x }dx$$ where $x \in \big(0,\frac{\pi}{2} \big)$  Could some give me hint as how to approach this question?  I tried to use the fact that $\sin ^4x+\cos ^4x=1-\frac{sin^22x}{2}$ but it didn't help. How should I proceed? Is $|xy|$ differentiable in $(0,0)$? Is $f(x,y) = |xy|$ differentiable in $(0,0)$? I have no idea how to approach this problem. Is there a way to block a list of specific apps on macOS?  I have looked up solutions such as Cisdem, but there are some holes in the way it works that I don't like.   Unless you also block Activity Monitor, Terminal, and System Preferences, you can simply quit the Cisdem process or create a new user to get around it. You have to block Activity Monitor, Terminal, and System Preferences to make it work well.   I want to block an app from running or even being installed on my Mac. The app can be installed via the App Store and the web. Not sure how to go about this. Enabling Parental Controls won't work as Administrator privileges are needed.   The specific app I want to block is Apple Configurator.  Any ideas? Transpose/Unzip Function (inverse of zip)? Can Git hook scripts be managed along with the repository? We'd like to make a few basic hook scripts that we can all share -- for things like pre-formatting commit messages.  Git has hook scripts for that that are normally stored under &lt;project&gt;/.git/hooks/.  However, those scripts are not propagated when people do a clone and they are not version controlled.    Is there a good way to help everyone get the right hook scripts?  Can I just make those hook scripts point to version controlled scripts in my repo? context menu parent? How do I convert a Word file's references to .bib format How do I convert a Word file's references to .bib format? Is any tool available  to convert it to .bib format? Why does Ubuntu fail to run .exe files? / How do I run .exe? What leads to the existence of critical temperature? We know that $T_c$ is the temperature above which no amount of pressure could force a gas to liquefy. But why is this? Somehow I don't buy the point that the gas molecules exert too much pressure back to get close and turn into a liquid. If we had tens of thousands of atmosphere pressure (such as on the inside of hot planets), we should be able to liquefy any gas at any temperature. The spell Armor of Agathys states:      You gain 5 temporary hit points for the duration. If a creature hits you with a melee attack while you have these hit points, the creature takes 5 cold damage.   Now, assume my buddy uses Inspiring Leader to give me 10 temporary hit points — does the effect end? Iterate two Lists or Arrays with one ForEach statement in C# Add ability to flag answers as duplicates Show that $\left|\frac{\alpha - \beta}{1-\bar{\alpha}\beta}\right| < 1$ when $|\alpha|,|\beta| < 1$ How to get Text to follow semicircular path, read left to right and oriented counterclockwise I'm using adobe illustrator, and I'm trying to get the text to orient from left to right(counterclockwise) and not upside down but I cannot get it to do that on the path I've created. Im pretty beginner with illustrator, any help would be greatly appreciated. thank you Answer appears automatically converted as a comment I posted an answer (pointing to another question already asked) but when I hit submit, I saw my answer appear as a comment to the question instead.   I tried it a couple of times and still the same result. The answer gets eaten up and is transformed into a comment.   Is this a bug? Customizing titlesec-etoc (further question) Floating point calculations in LaTeX? On the Android app, could we have the ability to flag comments we've previously upvoted? This is a fairly regular need for me, and I ran into it again earlier: I flag comments as obsolete when they are, and fairly often, one of them will be a comment I've upvoted.  For an example of a typical case: a comment suggests a great improvement to a question, I upvote it, the author performs that improvement, the comment is now obsolete and (on my PC) I flag it as obsolete. The comments get cleaned up and the question moves on.  There's a request that's been around since 2011 for the site itself: . It's implemented by SOUP (as described ), but the Android app doesn't have a SOUP available to add this functionality to the app for me. What is the purpose of the Assemblies node in Web.Config? When creating a new ASP.NET AJAX Web Application in Visual Studio 2005, the default web.config contains the following section (inside the compilation node):  &lt;assemblies&gt;     &lt;add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/&gt; &lt;/assemblies&gt;   Whether or not the assemblies node exists doesn't seem to affect the AJAX functionality.  Update panels, etc work fine regardless of whether or not the reference to System.Web.Extensions is included in Web.Config.  What's the purpose of this section, and can it be safely removed?