Building a personal portfolio help

1

Hi everybody, i’m creating my freecodecamp personal portfolio project and finded a problem that i cannot fix. I’m using the grid system and the p is overlapping the img. The

continue in a unique line and overflow everything. It’s like the grid system isn’t working, i don’t know. Here is the code:

Lucas Navarro

blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla

<img src='<a href="https://placeholder.com"><img <a href="https://placeholder.com"><img src="http://via.placeholder.com/350x150"></a>> <p>class=“img-responsive myPic”><br> </div><br> </div></p> </div> </div>
2

You seem to have tags inside of tags and attributes outside of tags. It might work better if that was cleaned up, e.g.:

<img src="https://via.placeholder.com/350x150"><p class="img-responsive myPic">text of paragraph</p>

Beyond that it’s difficult to critique the CSS without seeing it, too.

1 Like
3

@lucasnavarroo You should put the class = "img-responsive" inside the <img> tag. That class is what makes the image bootsrap responsive. So putting it into the paragraph won’t affect the picture. And the class is not for text tags, only image tags and maybe media tags. Hope this helps :+1: :smile:

1 Like