Tushar Sharma• 70
@SharmaTushar1
Submitted
Can anyone help me with how to make that gradient looking progress bar?
Mohamed Hussein
@MohamedHussein05
All comments
- Mohamed Hussein• 305
@MohamedHussein05
Posted
Great Effort Tushar, Keep going.
You should check this article to learn more about Gradients.
0 - Juveria Dalvi• 1,375
@Juveria-Dalvi
Submitted
Hello people's, how do you change the size of that svg-image? I tried doing it but was not able to resize it. Let me know if you have any idea how to resize the svg-image in this project. and feel free to suggest me how I can improve my mistakes so that I can update my solution.
Mohamed Hussein• 305@MohamedHussein05
Posted
SVGs are different than bitmap images such as PNG etc, so increasing the width of the img won't make the icons any taller if the height is restricted.
You'll just end up with the img horizontally centred in a wider box, check this article to know How to Scale SVG.
You also can use a tool like this one resize SVG as a quick solution.
1 - Mihir Shjah• 15
@Mojo11
Submitted
I created my version of the order summary but there are still a lot of things that are not there. I wanted the box to be rounded and also the box shadow could have been there. Also the change link, I was not able to shift it next to the annual plan. Can anyone suggest how these things can be resolved ?
Mohamed Hussein• 305@MohamedHussein05
Posted
Well done I see that you did your best there, now about your questions:
for rounded corners check this article : Rounded corners
and this one for box shadows: How to add a shadow to an element
finally in order to layout things you should learn layout tools like flexbox and CSS grid, check this list for Flexbox basics.
hope this helps and if you need anything else don't hesitate to ask.
0 - Candela Bramucci• 680
@bramuccci
Submitted
I don't have any specific question for this one, but any feedback will be welcome like always!
Mohamed Hussein• 305@MohamedHussein05
Posted
Well done you did a good work, I'll only recommend using
vh & gridin order to center the card, that will hide the scrollbar.1 - AM46• 290
@amallen1
Submitted
This used to be a challenging project for me when I was first learning web dev but I went back and finally finished it after studying a bit more :)
Feedback on what could be improved is always welcome!
Mohamed Hussein• 305@MohamedHussein05
Posted
You did a really good work, I also like the effect you added to the cards, You just need to add a hover effect on the buttons like in the design.
Marked as helpful
1 - jimavictor• 375
@jimavictor
Submitted
Any feedback on how i can improve will be really appreciated.
Mohamed Hussein• 305@MohamedHussein05
Posted
Great work on this one, I'll just Suggest few things to improve your work:
-
The Card doesn't appear properly in the Landscape mode using
body { (min-height: 100vh;) }instead of the current rule and removing#bottom-section { (height: 70%;) }will fix it. -
It's not recommended to set height on the card Use paddings & margins instead.
-
The scrollbar isn't very nice, disabling it will give your page a better look.
-
Try as hard as you can not to use height .. but If you must use min-height.
Marked as helpful
0 -
- TrnLinh• 70
@TrnLinh
Submitted
This is my solution for this challenge. I am just new to CSS and this is the first time I do a challenge, I want to get some advice on where I didn't do well and need to improve. Thank everyone
Mohamed Hussein• 305@MohamedHussein05
Posted
Well Done Keep going. but I've noticed in the landscape mode some parts of the card are hidden, my suggestion is to use (min-height: 100vh) in the section instead of the current rule that will fix it.
0 - Viktoriya• 20
@ViktoriyaKlyuzhnik
Submitted
Dear friends! Looks my solution, please. I`m waiting your feedback on my code. Thanks :)
Mohamed Hussein• 305@MohamedHussein05
Posted
Appreciate your effort! but I've noticed that the card in tablet is very wide so my suggestion is try to use (max-width) in the media query.
0 - Bibek Pant• 85
@pantbibek21
Submitted
My github page is not rendering background image which is made is SVG. Other images such as illustration-hero.svg and icon-music.svg which are also in SVG are rendered. They all are in same image/ folder. I have specified all path correctly. What could be reason for that? Also please tell me how is my design. I have to boost my confidence. :) You are appreciated. Thank you so much !
Mohamed Hussein• 305@MohamedHussein05
Posted
The Path is Case Sensitive you wrote "Images" instead of "images", regardless of that you did great job keep going
1
