Submitted about 2 years ago

React JS - useState - axios - leaflet - https://geo.ipify.org -css

#axios#react#styled-components

William Lopera• 60

@wlopera

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

IP Address Tracker

HTML
CSS
JS
API

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Me gustaria mejorar el manejo de estilos (css) para que fuese completamente responsive.
Lo que mas me costo fue el mostrar la imagen, ya que no habia definido el estilo. const styles = { mapRoot: { height: 600, zIndex: 0, }, };
Una grata experiencia y lo mejor contar con un equipo para buscar y compartir información y conocimientos.

Community feedback

Paul Valladares• 290

@dreyfus92

Posted about 2 years ago

Lo único que tienes que hacer es poner las media queries, si vas a usar styled components. https://jsramblings.com/how-to-use-media-queries-with-styled-components/ checa este link que explica a detalle como hacer uso de los media queries.

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord