Rio Cantre• 9,690
@RioCantre
Posted
Hello there! Good job in this challenge. Viewing the solution, I think you should consider the following as well…
- Add
padding: 4rem;
in the.section1
rule set - Adjust the top margin into
margin-top: 9rem;
in the.title-img
rule set. Addfont-size: 32px;
- Alternative is to wrap each section with a
div
and use Flexbox for alignment
From:
<div class="section1">
<h2 class="title-img">Grow Together</h2>
<p class="txt-img">Generate meaningful discussions with your audience and build a strong, loyal community.
Think of the insightful conversations you miss out on with a feedback form. </p>
</div>
<div class="img-bot"></div>
Into:
<div class="section1">
<section>
<h2 class="title-img">Grow Together</h2>
<p class="txt-img">....</p>
</section>
<div class="img-bot"></div>
</div>
- Add
padding: 0.8rem;
in.btn_input
rule set and removeheight: 40px;
Above all, Well done! Keep it going!
Marked as helpful
0