Skip to content
OverviewSolutions
15
Comments
3
Benjamin Beckman
@becckman

All comments

  • Andy•520
    @AndyAshleySubmitted 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
    Benjamin Beckman•230
    @becckmanPosted 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
  • Joshua•130
    @dyntbnSubmitted 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
    Benjamin Beckman•230
    @becckmanPosted 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
  • Benjamin Beckman•230
    @becckmanSubmitted 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
    Benjamin Beckman•230
    @becckmanPosted 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