Skip to content
Submitted about 3 years ago

fixed header, animated hamburger, CSS Flexbox, CSS Grid

sass/scss
konstantinKarzhanov•40
@konstantinKarzhanov
A solution to the Digital bank landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, guys! Could you provide me with information, how can i remove elements class depending on screen size using JS?

Also i would like to know how to change CSS styles depending on screeen position (i mean vertical or horisontal)

please, feel free to give me feedback!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Doston Nabotov•950
    @dostonnabotov

    Hi, there! That looks great! use flex-box. On large screen sizes, set display: flex; flex-direction: row. And, for smaller screen sizes, you will just change the row to column. Also, the grid layout works perfectly as well. Hope that it will help. Good luck!

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