All comments

PadseFIAE• 70
@PadseFIAE
Submitted 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
@darrowv
Posted 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
@developerabz
Submitted 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
@darrowv
Posted 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

Nasyr Akhmadov

All comments

CSS Flex HTML

QR Code Component using CSS Grid, Flex and Media queries