Blog preview

Community feedback

• 

  ashensavi•30

  @ashensaviPosted 7 months ago

  This is better than my one. I didn't do the mobile responsive part. This is mobile responsive also.

  1
• 

  Sivaprasath•2,520

  @sivaprasath2004Posted 7 months ago

  Hello, I would like to extend my congratulations on completing this challenge.

  • I will see your solution preview site in .main class you will use margin-top:3%; and transform:translateY(4%); . If i will suggest in better way approach in your solution . -try this

  body{
     width: 100%;
     height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .main{
  /* transform: translateY(4%); */ not use
      /* margin-bottom: 3%; */ not use
      /* margin-top: 3%; */ not use
  }
  

  0

  ---

  

  Endy1381•150

  @Endy1381Posted 7 months ago

  @sivaprasath2004 i did not understand. what did i have to change? when i tried the code you provided me, it makes it kind of worse.

  0
• 

  Litheesh Kumar•150

  @Litheesh-kumarPosted 7 months ago

  Code looks pretty. You can improve your code by adding class names based on BEM. In the starter code you can find active-design file under asset/designs, From there you came to know what style should add to an elements when hovering or some sort of conditions.happpy coding..😊✨

  0

  ---

  

  Endy1381•150

  @Endy1381Posted 7 months ago

  @Litheesh-kumar thanks!

  0