Skip to content
Submitted almost 3 years ago

Room HomePage

MHIEN•230
@MinHien-git
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Room homepage
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I have a problem that logo isn't align center on the mobile screen size and I need some suggestions for it

Community feedback

  • Manoj Kumar Singh•530
    @manojks092Posted almost 3 years ago

    Hey there, nice try. Solution:

    1. first of all set width of the header element as 100%
    2. remove left 30px;
    3. inside the header element set the flex-grow property of the h1 element to 1 , flex-grow:1;
    4. set the text-align:center to h1. And tadaaa!!! here that goes as center :D hope this was helpful. There can be other ways as well so keep trying. Happy coding and stay safe :D
    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