I am facing an issue with unwanted vertical spacing between two elements. One of them has a <p> element, and it seems like it's getting stuck there. The problem only arises on larger screens (> 15"), while it looks fine on smaller screens. The spacing increases as the screen size gets larger. I'm stuck and need help to resolve this issue.
Code:
<p class="w3-text-grey"><b><i>Task 3.</i></b>
Investigate the convergence of the functional sequence \( f_n(x) = \frac{1}{n^2+x^2}\).
</p>
<div class="embed-responsive embed-responsive-16by9" >
<iframe scrolling="no" title="Exercise 5" src="https://www.geogebra.org/material/iframe/id/e6jpyxer/width/1580/height/871/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false" style="border:0px; max-width:1000px; max-height:558px" allowfullscreen> </iframe>
</div>
<!--The unwanted spacing occurs here! -->
<div class="container-fluid float-left"> <!-- Button Solution -->
<a href="#task3" class="btn btn-secondary" data-toggle="collapse"><i>Solution</i></a>
<div id="task3" class="collapse">
<p class="w3-text-grey">
<br>
By observing the graph of the sequence, it can be concluded that the limiting function of this sequence is \( f(x) = 0\).
<br>
Indeed, since \( |f_n(x)| \leq \frac{1}{n^2}\) for all \( x\in \mathbf{R} \), we have \( \displaystyle\lim_{n \to \infty }{\sup_{x\in \mathbf{R}}{|f_n(x)-f(x)|}}= \) \( \displaystyle\lim_{n \to \infty }{\sup_{x\in \mathbf{R}}{\Bigg|\frac{1}{n^2+x^2}\Bigg|}}= \)
\( \displaystyle \lim_{n \to \infty}\frac{1}{n^2}=0\).
Therefore, \(f_n\rightrightarrows f\).
<br>
<br>
</p>
</div>
</div>
Link to the problematic page: http://alas.matf.bg.ac.rs/~ml05184/strana2.html