All comments

• 

  Andy• 520

  @AndyAshley

  Submitted over 2 years ago

  Any feedback on the background images would be great. These were a pain to do when trying to make it responsive. The fixed 1440 and 375 were fine, but scaling looks bad lol.

  

  Profile Card using Flex and custom CSS

  1

  20

  

  Benjamin Beckman• 230

  @becckman

  Posted over 2 years ago

  They were indeed a pain to get positioned correctly. What I did was adding the two images as img elements and positioned them absolute. I positioned them relative to the card instead of the body, this way I could get them to be in about the same position relative to the card on all resolutions.

  I kept them the same position and size everywhere so definitely not a perfect solution, but felt like it did the job.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Joshua• 130

  @dyntbn

  Submitted over 2 years ago

  Hi everyone 👋

  I'm having trouble with sizing to scale of the design. Is there a technique that I'm missing that makes it easier than just flipping back and forth? Or is this the best it gets 😅

  Currently, I'm putting them side (design) by side (code) and "guess checking".

  

  Responsive QR code component

  2

  40

  

  Benjamin Beckman• 230

  @becckman

  Posted over 2 years ago

  Hey!

  Without the pro version and figma files you need to eyeball it as far as I know, so it can be difficult to get the correct scale. In a real working environment with designers you will have access to the figma styles however so I'd say the overall functionality and proportions is more important in this case. I'm just a few projects in but already noticing my "eyeballing" is getting much better.

  Your solution could use some more margin under the QR image, other than that you nailed it! :)

  Marked as helpful

  2

  This comment has received 1 replyShow
• 

  Benjamin Beckman• 230

  @becckman

  Submitted over 2 years ago

  I'm happy with the mobile, tablet and 1440px desktop resolution. However on bigger resolutions things start to look a little weird. My CSS got pretty much all over the place towards the end, I need a more controlled workflow.

  

  responsive landing page

  2

  20

  

  Benjamin Beckman• 230

  @becckman

  Posted over 2 years ago

  Thanks for your feedback. I did struggle to position the background image to get it to look like the design. Felt like I had to do some weird positioning to get it in the correct place.

  0