OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

How to make section element in css to full width

  • Thread starter Thread starter hamid
  • Start date Start date
H

hamid

Guest
In the image, red circled area is my problem:

enter image description here

Here is the Html/Css.


Code:
section {
  height: 100%;
  width: 100%;
  display: inline-block;
}

Code:
<section id="aboutSec">
  <div>
    <h1>Here is about Sec</h1>
  </div>
</section>
<p>In the image, red circled area is my problem:</p>

<p><a href="https://i.sstatic.net/fiLQf.png" rel="nofollow"><img src="https://i.sstatic.net/fiLQf.png" alt="enter image description here"></a></p>

<p>Here is the Html/Css.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>section {
height: 100%;
width: 100%;
display: inline-block;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code><section id="aboutSec">
<div>
<h1>Here is about Sec</h1>
</div>
</section></code></pre>
</div>
</div>
</p>
Continue reading...
 

Latest posts

Top