Skip to content
Submitted almost 2 years ago

News Homepage Project (CSS Flexbox, CSS Grid and JavaScript)

mikhailkollen•100
@mikhailkollen
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

When testing the final project on iPhone and Android devices, I encountered some issues with the burger button animation that I did not have when simply resizing the browser:

  1. On Android when the button was toggled, the button in the new state did not appear, instead the bar that should have been hidden appeared.
  2. On iPhone when testing in Chrome, the animation was very twitching. The thing is that other browsers (Safari, Telegram built-in browser) did not have the issue. I tried incognito mode, but the problem persisted. It would be great to know what I did wrong that led to the issue, so any feedback is appreciated!

Community feedback

  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 2 years ago

    Looks nice! I would also ad a cursor: pointer when hover over the News link and Read more button :))

    IF THIS WAS HELPFUL PLEASE MARK IT AS HELPFUL 🤩

    Marked as helpful
    0
    mikhailkollen•100
    @mikhailkollenPosted almost 2 years ago

    @catherineisonline Absolutely agree, thank you for the feedback! :)

    0

Please log in to post a comment

Log in with GitHub

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