Реагировать - Карта содержимого внутри div

Question

Доброе утро!Почему содержимое моей карты находится вне div "blog - div"?Это ослабевает на теле, и я не знаю почему.Помогите мне, пожалуйста!

Я пытаюсь поместить границу вокруг содержимого "blog - div", но содержимое становится свободным, что делает невозможным применение стилей.

imports[...]


class Blog extends Component {
    constructor(props) {
        super(props)
        this.state = {
            post: [],
        }
    }

    componentDidMount() {
        this.setState({ isLoading: true })
        fetch(`${API}`)
            .then(res => res.json())
            .then(res => {
                this.setState({
                    post: [res],
                    isLoading: false,
                })
            })
    }

    render() {
        const { isLoading } = this.state
        if (isLoading) {
            return <Loading />
        }
        return (
            <div className="blog">
                <p className="blog__title">Blog</p>
                {this.renderBlog()}

            </div>
        )
    }


    renderBlog() {
        const page = this.state.post.map((post, key) => {
            return (
                <div className="blog--div" key={key}>

                    <div className="blog__post">
                        <div className="blog__post--title">
                            <p><a target="_blank" rel="noopener noreferrer" href={post[0].link}>{post[0].title.rendered.replace('Visit.Rio', 'Projeto 1')}</a></p>
                        </div>

                        <div className="blog__post--description">
                            <p>{post[0].excerpt.rendered.replace('Visit.Rio', 'Projeto 1')}</p>
                        </div>
                    </div>
                </div>
            )
        })
        return page
    }
}

export default Blog