Skip to content
Submitted over 1 year ago

Responsive News Homepage Using CSS Grids & Flexboxes

accessibility, fresh, progressive-enhancement, semantic-ui, animation
P
Krishna Vishwakarma•1,390
@KrishnaVishwakarma1595
A solution to the News homepage challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, Mentors

Amazing challenge responsive solution using CSS Grids & Flexboxes with the mobile menu.

What users can do

  • View the optimal layout for the interface depending on their device's screen size
  • See hover and focus states for all interactive elements on the page

Built with

  • Semantic HTML5 markup
  • CSS Flexbox
  • CSS Grid
  • Mobile-first workflow

All the comments are most welcome. Let me know what I can improve more. Thanks!

Happy Mentoring

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Krishna Vishwakarma's solution.

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