Responsive Introductory Section

Community feedback

• 

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  Hi Nirban,

  Great work on finishing the project!

  Just a suggestion I would like to share:

  • You can center the image you have on your component. So that as the screen size decreases, it just stays in the middle not on top. Adding align-items:center will do the job.

  @media screen and (min-width: 600px) and (max-width: 1000px)
  main {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-top: 4rem;
      padding-bottom: 2rem;
  }
  

  I hope it helps :)

  1

  ---

  

  Nirban Chakraborty•190

  @nirban256Posted about 3 years ago

  @fidellim thanks for the help

  1