Estoy aprendiendo React js y tratando de crear una página de producto de un sitio web de comercio electrónico, pero estoy atascado con la parte en la que debo colocar los componentes del mapa de los datos en la misma fila. Aquí está el enlace para mis códigos.
https://codesandbox.io/s/serene-glade-dvps24?file=/src/Shop.scss
Lo que quiero es poner tres productos en una fila, pero parece que si asignas un elemento, todos los envoltorios se duplicarán, ya que son componentes del mapa. Cualquier ayuda sería apreciada, gracias.
Debe mover el envoltorio fuera del mapa. Por lo general, configuro el estilo del contenedor para que display: grid; Verifique mis cambios: https://codesandbox.io/s/upbeat-voice-pf8pst?file=/src/App.js