Hero Img spacing
I have this hero img and can't figure out why there's that space (made aqua for easy spotting). All my headers have a margin:0 and I've tried playing with padding as well.
Maybe I'm missing something with the hero image
HTML
<section class="hero">
<div class="hero-image">
<img src="le_hero_black.jpg" alt="">
</div>
<div class="hero_text-overlay container">
<h4>TEST TEST</h4>
<h1 class="hero_large-text">Le's Nails</h1>
</div>
</section>
CSS
.hero-image {
background: url('hero-image.jpg');
}
Maybe I'm missing something with the hero image
HTML
<section class="hero">
<div class="hero-image">
<img src="le_hero_black.jpg" alt="">
</div>
<div class="hero_text-overlay container">
<h4>TEST TEST</h4>
<h1 class="hero_large-text">Le's Nails</h1>
</div>
</section>
CSS
.hero-image {
background: url('hero-image.jpg');
}
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
