@atheenaoteyza
@bash4Dev
Submitted
What are you most proud of, and what would you do differently next time?
The overall project.
What challenges did you encounter, and how did you overcome them?
None
What specific areas of your project would you like help with?
The overall project
@atheenaoteyza
Posted
hi you did a great job on making this project overall responsive!
@auri222
Submitted
What are you most proud of, and what would you do differently next time?
Nothing much.
What challenges did you encounter, and how did you overcome them?
While using Flexbox, I didn't know how to control the item width (set to 350px) until I found the Flexbox magic (flex: 1) which means flex-growth and flex-shrink equal 1, flex-basis equals 0. Due to that, the items now have the same width and responsive.
You can read more about Flexbox from Basic concepts of flexbox - MDN Web docs
What specific areas of your project would you like help with?
@atheenaoteyza
Posted
Hi! you actually did a great job on this. I'm also curious how to use flex in this project and this is a great example, thanks for your solution :-) Regarding the name tags, what I could recommend is when you are using h1-h6, don't use it just because of the default design of the element. Instead of using h3 on your font you could use h2 since you don't have an h2 yet and set up the font styles needed for it. Regarding grid you could check what I did here! :-)
Marked as helpful
@sagarthapaofficial
Submitted
What are you most proud of, and what would you do differently next time?
i am pround that i was able to build the website. I would try to do the same thing with grid instead of flexbox.
What challenges did you encounter, and how did you overcome them?
It was easy so did not encounter any issues.
What specific areas of your project would you like help with?
It was easy so i did not needed help.
@atheenaoteyza
Posted
hey great work! you also could try to follow the design if you will try it with grid, check it out on the images files
@martinalzc
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
I couldnt style completely the table
What specific areas of your project would you like help with?
.
@atheenaoteyza
Posted
instead of using flex try grid for nutrition table
display: grid; grid-template-columns: repeat(2, 1fr);
hope this helps :)
Marked as helpful
@tanujabeesa
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
@atheenaoteyza
Posted
good job on this, I would just like to encourage you to put these projects on a website check out (vercel.app) :)
@martinalzc
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of how it came out, next time i would put a picture of me
What challenges did you encounter, and how did you overcome them?
I couldnt take out the text decoration from the anchor but it was becausa the anchor was in a
What specific areas of your project would you like help with?
I would like to know if this would be easier with grid
@atheenaoteyza
Posted
great job! I think flexbox is the way to go
@ShymaaRagab
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
@atheenaoteyza
Posted
What specific areas of your project would you like help with?
@Osama-Alsafwani
Submitted
@atheenaoteyza
Posted
great start keep it up!
