@MajdMohammed
@aggie-l
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?
I would be happy for any feedback! Thank you :)
@MajdMohammed
Posted
I like your solution, It's short and pretty close to the design.
Some feedback:
I hope you find this useful. Happy coding!
Marked as helpful
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?
Setting the right dimension for the main container.
What specific areas of your project would you like help with?
If anyone has any suggestions in general or regarding the sizing of the main box, that of the element, it will be really appreciated. Thank you :)
@MajdMohammed
Posted
Some feedback:
I hope my feedback is useful Happy coding !
Marked as helpful
@omlan99
Submitted
What are you most proud of, and what would you do differently next time?
Can not think of anything right now. Any suggestion will be appreciated.
What challenges did you encounter, and how did you overcome them?
Nothing as such.
What specific areas of your project would you like help with?
I had approached for mobile design first and used rem as unit this makes mobile version accurate to design but faced difficulties on desktop version to be accurate.
@MajdMohammed
Posted
Nice work, But I noticed that the button element is no longer having full width when resizing the screen.
@booirng
Submitted
What are you most proud of, and what would you do differently next time?
learning about positions and psudo elements . Semantic html.
What challenges did you encounter, and how did you overcome them?
creating bullet points and number listing with default color. That was challenging for me. OpenAI helped me solve that as always.
What specific areas of your project would you like help with?
responsive html and css layout and creating layout with flexbox.
@MajdMohammed
Posted
the design is not responsive, as the nutrition list, and some other elements.
@Amit-Mahi
Submitted
What are you most proud of, and what would you do differently next time?
working with padding and margin.
What challenges did you encounter, and how did you overcome them?
working with Links and text decoration
What specific areas of your project would you like help with?
overall was fine. any good practices would help.thanks
@MajdMohammed
Posted
Hey, I am a beginner too but I have some advice.
Some feedback:
@fish-ladder
Submitted
What are you most proud of, and what would you do differently next time?
I'm most proud of feeling more comfortable with Flexbox and not needing to look at the documentation so much to achieve the layout I was after.
Next time I will add font-sizes in rems as custom properties in :root to make text scaling easier.
What challenges did you encounter, and how did you overcome them?
I thought I had completed the challenge and then realized the font sizes were different in desktop vs mobile layout (should have read the instructions more closely). I needed to revisit my font-size units in order to scale them for the different display sizes.
Using Flexbox and auto margins to horizontally and vertically center the main card worked great except that it shoved the attribution element out of view at the bottom of the page. I fixed this by applying auto margins to the attribution element as well.
What specific areas of your project would you like help with?
How can I better organize my CSS code to make it cleaner?
@MajdMohammed
Posted
Nice work, I like how your code structured.
@Aniket0147
Submitted
What are you most proud of, and what would you do differently next time?
Nothing
What challenges did you encounter, and how did you overcome them?
I encountered some problems with CSS. To overcome that, I watched the videos related to CSS.
What specific areas of your project would you like help with?
feedbacks are welcomed
@MajdMohammed
Posted
Nice work
@MajdMohammed
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that I could clown the project, not 100% as the original but at least I made it look decent.
What challenges did you encounter, and how did you overcome them?
One of the challenges is trying to understand what tools have been used for the original project, and how I can provide the same quality with a responsive design. I also learned new technics for styling lists and tables.
What specific areas of your project would you like help with?
I believe I need to enhance my responsive design skills, and I'm curious if it's possible to code the same page using fewer lines of code. If there's any way I could have done it better, please let me know. Thank you!
@MajdMohammed
Posted
Hello @grace-snow,
Repo is updated:
Please re-check the repo when you have the time. Thank you !
@MajdMohammed
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that I could clown the project, not 100% as the original but at least I made it look decent.
What challenges did you encounter, and how did you overcome them?
One of the challenges is trying to understand what tools have been used for the original project, and how I can provide the same quality with a responsive design. I also learned new technics for styling lists and tables.
What specific areas of your project would you like help with?
I believe I need to enhance my responsive design skills, and I'm curious if it's possible to code the same page using fewer lines of code. If there's any way I could have done it better, please let me know. Thank you!
@MajdMohammed
Posted
I think now i completely understand the flaws with using percentages, But if I still remember, when I use rem i also encounter same issue with styling. But I trust your judgement I will never use percentage in padding again !. Next time when i have the opportunity i will fix the font-size plus the table html.
Have a good day mam.
