Hola, solo estoy tratando de hacer una parte fija en mi página web. Quiero que se arregle algo de texto, etiqueta de entrada. Pero cuando escribí un código como el de abajo, me di cuenta de que no podía escribir en el campo de texto. No sé por qué no puedo.

¿Alguien sabe por qué sucede esto y cómo puedo cumplir mi objetivo? gracias

 import React from "react"; import { Container, Row } from "react-bootstrap"; function Introduce(props) { return ( <div> <div className="introduceSquare"> <Container fluid> <Row> <h1> Meet to Share Emotion</h1> <h2>Where to go?</h2> <input className="code" autoComplete="on" placeholder="code door plz" /> </Row> </Container> </div> </div> ); } export default Introduce;

este es el código css

 .introduceSquare { width: 100%; text-align: center; position: fixed; margin-top: 10%; z-index: -998; color: #fdfce5; }