All comments

• 

  Gary• 10

  @garyleeeeee

  Submitted about 2 years ago

  Used Pixel Instead Of Rem...

  Does anyone know how to make 'Rem' available in Figma? Most of the time when building a responsive website I like using Rem but since designers nowadays are using sketch or Figma to create their designs, I found it quite hard to convert a pixel-based design to a responsive website

  

  Solution -- 3-column=preview-card-component (Flexbox)

  2

  1

  0

  

  .• 310

  @darpots

  Posted about 2 years ago

  Not sure what you are using as an editor, but many have PX to Rem extenstions.

  If you use VSCode this is the one I use - https://marketplace.visualstudio.com/items?itemName=sainoba.px-to-rem

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Adeola Bamigboye• 280

  @deeola

  Submitted about 3 years ago

  Hello FrontenedMentor Community,

  This is my first landing major design and i would love an imput and suggestion. I'm a bit worried about the breaking points and the overall layout of the design.

  

  Responsive mobile-first landing page using html, css and JS

  3

  2

  0

  

  .• 310

  @darpots

  Posted about 3 years ago

  The comment above covers most aspects. There are a few areas where the text doesn't line up properly (have a look at the lower section at tablet size 768px) and where the images are not aligned horizontally to the adjacent text.

  Your CSS mixes units, try to stick to just rem/em if possible for maximum benefit.

  When you do another challenge of this size you could benefit hugely by using SCSS. It will help modularise the css and make things a little easier manage.

  Overall a solid attempt on a design that is not as easy as it initially looks. Great effort.

  0