Article preview component [HTML, CSS, JS]
Design comparison
Solution retrospective
In this challenge I encountered several CSS difficulties, I couldn't execute good CSS code, and when I started using JS it was a little more complicated for me to fit the boxes where they should go, it took me a long time and I know I have a lot to improve, so For example, in this challenge I have not managed to have a fully resonant design, but I managed to make it look good in mobile size and for large screens.
What specific areas of your project would you like help with?In this particular project I would need help to develop a more responsive design, and when using JS, for example when the event is activated and the screen is resized, it is also responsive.
Community feedback
- @KapteynUniversePosted 7 days ago
Hey Facundo,
You can use something like this
window.addEventListener("resize", resetStyleOnWindowSize); resetStyleOnWindowSize () { ... };
0@KapteynUniversePosted 6 days ago@geomydas If i don't understand wrong, what Facundo wants is closing the modal on screen size change. Since he is toggling from display none to flex with JS and JS adds styles inlinely, which has higher priority, i can't think a way to change this with media query unless you are using 2 different modal for the same job. I like to hear if there is a way.
0
Please log in to post a comment
Log in with GitHubJoin 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