Could anyone help me with a specific problem I have with my Landing Page project. I have an indent appearing in my finished page that I cannot find the cause of in my coding and so cannot rectify. The indent appears before the first item in the “Features” section. Here is my Pen: https://codepen.io/Neil-Mclachlan/pen/jOaEorQ?editors=1100.
Thank you in advance for any pointers or assistance you can give.
I took a look at your project.
Actually, if you make the screen wide enough, you can see that all 3
.cards are not aligned with each other
That is because the container
#features has an
The first card seems to be indented because it has less text than the other two, so it shrinks(because it doesn’t need as much space) and centers itself(because of
align-items: center;). The other two just seem to be aligned, because they have approximately the same amount of content. If you gave your
outline, it would be even clearer.
Hope this helps.
Many thanks #isimeri, I will look at that
Just removed that align argument, and it all works fine. Thank you very much