@Jackson-zablon15
@refikmemmedov
Submitted
What are you most proud of, and what would you do differently next time?
I made a responsive page using flex and grid
What challenges did you encounter, and how did you overcome them?
I tried to use both of them but of course it didn't work the first time, I spent a lot of time
What specific areas of your project would you like help with?
I am open to all kinds of comments.
@Jackson-zablon15
Posted
Congratulation on completing the challenge, it looks almost like the design. The height of the card seems a little higher than that of the design and font weight is somehow high than required. Happy coding 👍
What are you most proud of, and what would you do differently next time?
using the data-icon to add svg image to button
.btn[data-icon="shopping-cart"]::before { content: ""; background-image: url("images/icon-cart.svg") ; width: 15px; height: 16px; }
What challenges did you encounter, and how did you overcome them?
none really.
What specific areas of your project would you like help with?
would "grid" have been easier to implement?
@Jackson-zablon15
Posted
Congrats on completing your challenge, it is very good. You could also use margin-top to align some elements like in the design. Wishing you nice coding.
Marked as helpful
@GabrielNP96
Submitted
@Jackson-zablon15
Posted
Congrats on completing the challenge. I found following modifications might be helpful -Applying margin-top to the main container so to make it align with the design. -Use Rose-white background color on preparation container and with border-radius. The color of preparation heading is dark raspberry. -Reduce space between items like list and containers to push the bottom up so as to align with design. I wish you all the best and happy coding
@SkyWeb20
Submitted
@Jackson-zablon15
Posted
Congratulation on completing the challenge. The site is good. I think you can improve the assigning the height of the solution as that in the design. I usually use photoshop to measure width and height as i don't have access to Figma files. Wish you all the best on the coding journey👍👍. Keep coding💪
Marked as helpful
@Madanraj0519
Submitted
@Jackson-zablon15
Posted
Hello @Madan raj. Congratulation on completing the challenge and the solution is great.👍👍 One thing i noticed is that it is little above than the design, you can use position:relative; and top property to adjust.
Wish you all the best😊😊 and keep coding💪💪
@Imperator7
Submitted
What are you most proud of, and what would you do differently next time?
I can now barely use flexbox and I will gonna learn more css because I still don't fully familiar with it
What challenges did you encounter, and how did you overcome them?
I still can't set the width and height of elements with vh properly so I go back to make it static.
What specific areas of your project would you like help with?
I can't make the border radius of the box and its image to nicely balance to each other.
@Jackson-zablon15
Posted
Greetings Imperator7
Great work on this challenge👍👍
I would suggest using position property alongside with top property to position the site a little more down as in the design. You can also make html document more accessible by using elements like <main> and <section>
I hope you find it useful. Keep coding(and happy coding, too)!😊
