Не получается выстроить grid-сетку

Добрый день. Делаю форму с обратной связью. При использовании textarea не видно последующие теги (например label и button). Если использую input, то все отображается.

Прикладываю код формы:

<form action="#" class="form">
                        <div class="form__input">
                            <input id="name"type="text" name="name">
                            <label for="name">Ваше имя</label>
                        </div>
                        <div class="form__input">
                            <input id="email"type="email" name="email">
                            <label for="email">Ваша почта</label>
                        </div>
                        <div class="form__textarea">
                            <textarea id="text" type="textarea" name="text">
                            <label for="text">Ваше сообщение</label>
                        </div>
                        <button class="button_message">Отправить сообщение</button>

</form>

Также в консоли разработчика при переходе на вкладку Console отображается ошибка: Refused to apply style from 'http://127.0.0.1:5500/src/css/libs/bootstrap-reboot.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Уже пробовала переименовать классы, ничего не получается. Возможно отображение последующих тегов связано с этой ошибкой.