What are you most proud of, and what would you do differently next time?
I was able to adjust the container's size to fit different layouts. Next time I'd focus more on my CSS file, using grid or flexbox in order to make it happen faster.
What challenges did you encounter, and how did you overcome them?
Making my initial design fit any layout.
What specific areas of your project would you like help with?
Automatic layout fitting, because I think I made it fit, but it could be done easily. I just don't now how.
Always consider having those divider line color as light as possible, you just want them subtle, not too striking
Same for bold text, consider making text semibold or medium, make them just slightly bolder not too striking bold (depending on design).
Using <b> tag π€, I prefer using a <span> make that class of semibold or medium, when you want to next time change the font-weight just change for that class, rather than changing each place
Good consistency with padding
π₯³ Kudos on the completion, happy coding</> π
I suggest rather than giving padding to the image, it would be better to give padding to the whole card. Just maintain consistent padding throughout the card.
For instructions and ingredients section, the content does not require any padding
The main card in mobile could have taken whole width, maybe use media queries
Overall better padding management would just make it perfect
π₯³ Congrats on that completion, happy Coding<>ππππ
I found the validation part of the project difficult. Honestly it is still buggy in my opinion. After you've completed the fields if you go back to one and enter wrong data, the label and border of input turn red, but does not display error message anymore. If anyone could help me with that I would appreciate it.