@jasperdecaesteckerSubmitted about 3 years ago
I mainly could not get the color of the image right, so it would be cool to see some solutions that got it 100% right.
Jasper Decaestecker
@jasperdecaesteckerAll comments
- @jasperdecaesteckerPosted about 3 years ago
Thanks that looks indeed more closer to design. I will push my change :) Thanks for the feedback
1 - @hemarleSubmitted about 3 years ago
This is my first trial on FEM. I wasn't able to get the font. I know i really messed it up. I just hope the desktop and mobile view look a little bit okay. I'm open to any suggestion. I used BEM naming convention for the css .
@jasperdecaesteckerPosted about 3 years agoGetting the fonts is done like follows.
- Go to https://fonts.google.com/specimen/Inter
- Select font weight 400 and 700. "+ Select this Style"
- on the right select link as option and copy the whole block into the <head>. Be sure to paste it in front of your own css or css files you reference. I see in your code that is referenced incorrect !
- just add font-family: 'Inter', sans-serif; to the body or yeah any specific text you want
I would also change the padding a bit around the text (to match design closer). But overall i would say its good
1 - @Arafat-erasungSubmitted about 3 years ago
I would like to get feedback on this project
@jasperdecaesteckerPosted about 3 years agoHey, I think the spacing in the plan (Annual plan) is not that great, i would add more padding to give your solution more breathing space, like in the design I would also look to have the primary button (Proceed to payment) to be larger visually than cancel order, Cancel order draws more attention now i feel.I do like to overall.
I like that you gave your own twist with it (image and some color changes) it does look good.
Marked as helpful0 - @AdithyarajvpSubmitted about 3 years ago@jasperdecaesteckerPosted about 3 years ago
The only thing i see missing on a glance is the dropshadow on the button. The button could also use some more padding. Looks very clean ! nice work !
0
