0
185
ViewsHow to fix bug with <ul> and <li> in my grid?
Im trying to make my portfolio and its pretty good but I have bug in the grid.
Here is the source code:
https://pastecode.io/s/7t652k2n
Here is the website:
·
Juan Pablo Isaza
1 answers
Answer question0
Your elements are not nested in a row div
<div class="w3-row-padding" style="margin:0 -16px">
<div class="w3-half w3-margin-bottom">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-dark-grey w3-xlarge w3-padding-32">Simple AI</li>
<li class="w3-padding-16">Website with Artificial Intelligence</li>
<li class="w3-padding-16">15 Pages</li>
<li class="w3-padding-16">10 Updates</li>
<li class="w3-padding-16">
<h2>$ 8 | 30 zł</h2>
<span class="w3-opacity">Simple AI Website</span>
</li>
<li class="w3-light-grey w3-padding-24">
<button href="mailto:L.L.Zamenhof-Dr.Esperanto@protonmail.com" class="w3-button w3-white w3-padding-large w3-hover-black">Hire Me</button>
</li>
</ul>
</div>
<div class="w3-half w3-margin-bottom">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-dark-grey w3-xlarge w3-padding-32">Advanced AI</li>
<li class="w3-padding-16">Website with Artificial Intelligence</li>
<li class="w3-padding-16">20 Pages</li>
<li class="w3-padding-16">15 Updates</li>
<li class="w3-padding-16">
<h2>$ 10 | 40 zł</h2>
<span class="w3-opacity">Advanced AI Website</span>
</li>
<li class="w3-light-grey w3-padding-24">
<button href="mailto:L.L.Zamenhof-Dr.Esperanto@protonmail.com" class="w3-button w3-white w3-padding-large w3-hover-black">Hire Me</button>
</li>
</ul>
</div>
</div>
·
Juan Pablo Isaza
Report
Answer question