0
305
VistasLa representación de CSS en reaccionar es diferente que en la web estática
Tengo una aplicación de reacción que se basa en un sitio web estático. Luego, tomé un tipo de representación css un poco diferente entre ellos. p.ej:
en el sitio web estático: 
<html> <body> ... <div class="title"> <div class="left"> <h2>What's</h2> <h3>Lorem Ipsum?</h3> </div> <div class="right"> <div class="white-lines"></div> </div> </div> <p>Lorem ipsum ... </p> ... </body> </html> en la aplicación reaccionar: 
import React from "react"; import Header from "../components/Header"; import '../style/index.css' function Home() { return ( <> ... <div className="title"> <div className="left"> <h2>What's</h2> <h3>Lorem Ipsum ? </h3> </div> <div className="right"> <div className="white-lines"></div> </div> </div> <p>Lorem ipsum ... </p> ... </> ) }Ya me había asegurado de que ambos estuvieran usando el mismo estilo CSS, parece (archivo css completo al que puede acceder aquí ):
.about .title { display: flex; column-gap: 50px; padding: 0; } Cuando ambos se inspeccionan con las herramientas de desarrollo del navegador, aquí está la comparación: 
¿Hay algún error al importar css o cualquier otro? Quiero hacer que en la aplicación de reacción se vea como un sitio web estático
·
Juan Pablo Isaza
Responde la pregunta