Skip to content
OverviewSolutions
8
Comments
2
Nasyr Akhmadov
@darrowv

All comments

  • PadseFIAE•70
    @PadseFIAESubmitted almost 2 years ago

    Difficult was again the perfect centering of the card.

    Another difficult was to implement the responsitivity to all screensizes. I have to learn which code i have to use, to resize the whole container within all of the childs to get a fully responsible website in less than 2 hours. It take to long time to design such a simple Website.

    But, learning by doing. I look forward to get better so that this will no longer take so long time. Thats why i do this challenges.

    CSS Flex HTML

    1
    Nasyr Akhmadov•170
    @darrowvPosted almost 2 years ago

    Hello, nice work!

    For centering the card in this type of page you can just use display: grid, place-items: center on card's container element (and this element should have height of whole page of course, I use height: 100vh)

    0
  • Abdullah Yakub•40
    @developerabzSubmitted almost 2 years ago

    I tried building this QR component but had trouble getting it perfectly responsive across all screens. I ended up using media queries, alongside clamp, but is there a better way I could have done this? I feel as though I am using clamp incorrectly. Any other feedback is of course greatly appreciated.

    QR Code Component using CSS Grid, Flex and Media queries

    2
    Nasyr Akhmadov•170
    @darrowvPosted almost 2 years ago

    Assalamu aleykum,

    There is no reason to use clamp in this challenge. Just use width: 100% on img. Remove width and height from your main tag. And remove this img { max-width: calc(600px - 45px); }

    Things such as fixed width and height are mainly just going against responsiveness.

    Marked as helpful
    1