Skip to content
Submitted about 1 month ago

Responsive landing page using css and match media query in JavaScript

pure-css
Eziefule Judith•120
@a2-112
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am excited to acquire the knowledge of match media in JavaScript, theough this project and will keep surfing for more methods in JavaScript.

What challenges did you encounter, and how did you overcome them?

I had a challenge of creating the popup notification and still didn't get it I would really appreciate of I could get help from other developers

What specific areas of your project would you like help with?

Popup notification at desktop screen, just the way it was in the project.

Code

Please log in to post a comment

Log in

Community feedback

  • Cristian•180
    @cristianbarreiro

    It's great that you're diving into JavaScript's matchMedia() and learning how to make your design responsive. This is a solid step toward understanding dynamic styling and improving user experience across devices.

    Your approach shows good effort in trying to create a popup notification. These types of features can be tricky, especially when dealing with different screen sizes and states.

    Marked as helpful

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