Clipboard landing page using pure css flexbox and grid

Community feedback

• 

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  Salam 😊 Hidayat bhai

  The problem with that monitor avg you faced was really tough even for a professional developer(I know that pro), so don't be upset about that...!

  What I did to make it perfect...

  1. section.features contains div.features__img and div.features__text
  2. I made that section display grid and position relative.
  3. made div.hero__img position absolute and placed it as per the design.
  4. But because of absolute positioning of img container, div.features__text displaced to left also.
  5. Since the section was grid, I after calculating everything, placed that features text container to its position as per the design with the help of grid-column.

  If you wish to know deeper and better, you may see my code on this project (it's also SCSS).

  I try as good as I can to explain you the theory part of doing that..!

  Hope it helps and happy coding 😉

  1

  ---

  

  Fajar Hidayat•165

  @fajarhidayattPosted over 3 years ago

  Hi @RocTanweer. Thank you for your feedback. I was surprised to see an error on the button, even though when I made it on my laptop it looks normal. And I will improve it by considering your suggestions. and I apologize if there is something bad in my comments

  0

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @Fajarhdyt My pleasure 😊

  0
• 

  Fajar Hidayat•165

  @fajarhidayattPosted over 3 years ago

  This comment was deleted over 3 years ago

  0

  ---

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @Fajarhdyt before learning anything, this is a community and I suggest not to use that language.

  Even if your talking to your self 😉

  1