Atom, Google Chrome

Community feedback

• 

  Raymart Pamplona•16,100

  @pikapikamartPosted over 3 years ago

  Hey, great work on this one. The layout in desktop is good but the mobile state, refactoring will be really great.

  As I can see, your padding in the body tag is really large. Maybe just using little paddings in mobile state will be really good.

  I'll just list some quick fixes(based on personal preference)

  body {
     margin: 0;
     padding: 2rem 1.5rem;
     }
  
  .top-container {
   align-items: center;
   display: flex;
   flex-direction: column;
   text-align: center;
  }
  
  .top-container > img {
   width: 100%;
  }
  
  .top-container p {
   margin: 0 2rem;
   width: 100%
  }
  
  .top-container p + p {
   margin-top: 3.75rem;
  }
  

  Then just omit/remove the different margin declaration you made on each p tags.

  But still, good work on this. If you need help, just drop your query okay^

  0
• 

  Syed Ali Mansoor•460

  @syedalimansoorPosted over 3 years ago

  Hello,

  You can colorize the image by adding an element with a purple background-color on top of that and then setting the element's mix-blend-mode: multiply

  0