All comments

• 

  Esther Atakere•60

  @Esther-OmonoSubmitted over 1 year ago

  How do I become a pro at using media queries? It's a big issue for me.

  

  qr-code-component using HTML and CSS

  3

  40
  

  Larry Gomez Jr•70

  @LarryGomezJrPosted over 1 year ago

  You should know first the breakpoints of the devices; I advice to start first to know TailwindCSS, It's a framework for styling. Easy to use since the breakpoints are easy to modify.

  1

  This comment has received 3 repliesShow
• 

  AbhiGhoghari•270

  @AbhiGhoghariSubmitted over 1 year ago

  There is lot difficult to build exact same layout as in design folder why ? beacse of sizing i have to deside size of elemnet my self othervise everthing workout still though i am learning difficulty is my friend right now

  

  Made this layout using css html js without help of external framwork

  1

  30
  

  Larry Gomez Jr•70

  @LarryGomezJrPosted over 1 year ago

  On the mobile design, the three images together the information, make it in a flex box column, so you have now three divs right?

  <div>column1</div> <div>column2</> <div>column 3</div>

  So inside of the first div, you make it flexDirection row. So you have 2 rows, first one is the image , second one is the information. And the same steps to other divs.

  <div>Image part </div> <div> Information part </div>

  Information part, make it flexDirection column.

  Achieving this, the image part and the information part will be flex, I'm bad in explaining but I hope u understand what I want to explain here about. You can check my challenges since I already finish with this one. Repository is available also. Thank me later

  0