@VCarames
Posted
Congrats @demi05 on completing this challenge!
Regarding your question, more details are needed to know exactly what's going on; are you adding the padding the entire column, a certain section and/or element, etc...
To clean up your code and make semantically correct, you want to do the following to your code:
<body>
<article>
<div>
<img src="" alt="">
<h2></h2>
<p></p>
<a href=""></a>
</div>
<div>
<img src="" alt="">
<h2></h2>
<p></p>
<a href=""></a>
</div>
<div>
<img src="" alt="">
<h2></h2>
<p></p>
<a href=""></a>
</div>
</article>
</body>
Since this is just a part of bigger component, its better to use the **<article> element **. [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article](More info ).
Regarding your use of headings, the <h1> heading can ONLY be used once. For this challenge your better of using an <h2> heading or a simple <p>.
You'll also notice that I reduced the number of containers I used. For a simple project like this one, there's no need bury your code even deeper.
Happy Coding!
Marked as helpful
@demi05
Posted
@vcarames this will be really helpful. Thank you very much