@Rohitgour03
Christian Holm
@MadmandenAll comments
- @Madmanden
@Rohitgour03 Hi Rohit, that's a nice try! It seems your image part is a bit narrower than the challenge design. And your title text is a bit smaller. But overall it's looking good :)
Marked as helpful - @SimoniacJewel88@Madmanden
@SimoniacJewel88 Looks great! 😊 I think the padding on the buttons is a bit off in the mobile version.
Marked as helpful - @Rohitgour03@Madmanden
Hi @Rohitgour03, the animation looks good on my phone! Nice work 😊
- @CodeLearnerCloud@Madmanden
@CodeLearnerCloud That looks good 😊 Did you perhaps forget to set the font-family?
Marked as helpful - @AndresRicardo@Madmanden
Good stuff @AndresRicardo! There's a small issue to be aware of - on the mobile version it's no longer the same corners that need to be rounded, so in a media query you need to reset the rounded corners from the desktop design, and apply it to the top-left and top-right of the first card, and then bottom-left and bottom-right on the last card 😊
Marked as helpful - @Mihail-Secrii@Madmanden
@Mihail-Secrii Looks great! 😊
- @suryaprakash31@Madmanden
Hi @suryaprakash31! There seems to be an issue with the mobile view.
- @AJprateek@Madmanden
Hi @AJprateek, there seems to be an issue with the mobile view.
Marked as helpful - @juandsoto
- @yohannesakd
- @vishy312@Madmanden
Hi @vishy312, when I add the font at Google Fonts, this is the code it gives me (that you should add to the <head> section of your index.html):
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap" rel="stylesheet">Marked as helpful - @casoultz
Card component challenge using CSS grid and flexbox
#accessibility#materialize-css#styled-components@MadmandenHi @casoultz! The mobile view has a few issues with size it seems, at least on my IPhone 12 😊
Marked as helpful - @Nang-Su-Bway-Ni@Madmanden
Hi! It looks good on my phone 😊 There’s a few issues though:
- The background doesn’t match the challenge design
- The component isn’t high enough
Marked as helpful - @cjwelldone@Madmanden
Hi Stephan. On my phone the mobile view is a bit broken, it doesn’t show the whole component (it’s too narrow).
- @RaitisVilums@Madmanden
Hi Raitis! Good effort 😊 On my phone it isn’t centered though. And the box-shadow is too dark.
Marked as helpful - @joyun25@Madmanden
Great work, it looks spot on 😊
- @schung-21@Madmanden
It looks good on my phone! There's a small issue with the border-radius on the bottom (another background color is showing) and there's missing a box-shadow on the main component.
Marked as helpful - @lukakavtarra@Madmanden
Hi Luka, it's looking good. It's not centered though it seems.
Marked as helpful
