Skip to content
Submitted over 3 years ago

Responsive Mobile-first Blogr Solution

Sebabatso Mashego•165
@Sebabatso-M
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

First time using SCSS in the development for a website😄. If you have any criticism (good/bad), feel free to share. Thank you.👌💯

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    Well you have a good start on this but

    1. size it for mobile view in the browser
    2. click the menu open
    3. now drag the view-port(browser window) to at least 770px wide and watch what happened

    when you fix it let us know and we will look at it again

    0
    Sebabatso Mashego•165
    @Sebabatso-MPosted over 3 years ago

    @palgramming thanks for the feedback, just saw that the layout breaks, tho the page displays as intended when i refresh it. Ill work on fixing this bug tho💯 Thanks again.

    0
    Sebabatso Mashego•165
    @Sebabatso-MPosted over 3 years ago

    @palgramming fixed the issue. Did this by adding an handler to the resize event of the window, which removes certain classes from the menu.

    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