I have a problem, I have some posts and the image is not visible and the text comes out of the container.
This is the container code:
<div class="col-sm-12 col-md-8 offset-md-2 mt-5 p-0 post-container">
Edit: This is what I get from inspect network-element:
And this is the css code:
html, body {
background: #fafafa;
height: 100%;
width: 100%;
font-family: 'Roboto', sans-serif;
}
#auth-container {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 1px;
}
#main-navbar {
background: #fff;
border-bottom: 1px solid rgba(0,0,0,.0975);
}
.post-container {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 3px;
}
#user-posts #post-thumb {
background: #fff;
}
And this is the error that appears in the console:
The error it shows is 404 because the server says that it cannot find the requested file.
If you want to hide the text you can use
overflow: hidden
.Or if what you want is for the text to be cut into lines forming a paragraph, you should try
word-wrap:word-break
.You should put a label
<p>
to the text.Hello, I share the solution, it would be good if you update with the error in the post_card.html view so that the community can know more about what your error consists of
This is how I have
post_card.html
:The problem occurred mainly because you were using
post.photos.url
and in your model it is defined aspost.photo.url
.It should also be noted that the problem with the text is because, as they suggested, you should put it in a label
p
since you were usingb
.Greetings.