Tengo un par de componentes en react que a la hora de cargar los estilos no los carga. El códeigo del componente es el siguiente:
import { Component } from 'react'
import './producto.css'
class Producto extends Component {
render() {
const producto = this.props.producto
return(
<div className='producto'>
<img className='img' alt={producto.name} src={producto.img}/>
<p> {producto.name} </p>
<p> {producto.price}€ </p>
</div>
)
}
}
export default Producto
Y el código css es este:
.producto {
border: '1px solid #eee';
box-shadow: '0px 5px rgb(0, 0, 0, 0.1)';
width: '30%';
padding: '10px 10px';
border-radius: '5px';
}
.img {
width: '100%';
}
También tengo otro componente con su correspondiente hoja de estilos que tampoco carga.
Edito: Tanto los dos archivos de los componentes como los dos archivos css están al mismo nivel
./producto.css
verificaste si está bien la ruta del css?<div class="producto">
o solo te muestra<div class="">
?