Santiago Papiernik
@Cxx-mlrAll comments
- @santhoshjavascriptSubmitted 3 months ago@Cxx-mlrPosted 3 months ago
Your solution is really solid, but there are a few small adjustments that could make it even better.
First, try wrapping your main content in a
main
element and using section for different parts like preparation time, ingredients, and instructions. This will make everything more organized and easier to read.Adding
hr
elements between sections can help visually separate different parts of the recipe, which makes it simpler to follow. Also, ensure your image alt texts are descriptive to improve accessibility.Lastly, consider adding a
footer
at the bottom of the page for credits or additional info. This keeps the main content focused on the recipe itself.0 - @AnCialSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
The links are nice~
What challenges did you encounter, and how did you overcome them?It's mostly scaling the thing by eye.
@Cxx-mlrPosted 3 months agoConsider using
<main>
for the main content and<footer>
for the attribution section instead of<div>
.1 - @MitchellQuevedoSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
This time I made it better with the responsiveness. Still trying to improve that.
What challenges did you encounter, and how did you overcome them?In the last 2 challenges I´ve found difficult to find the exact width and height for te cards. It´s always very different from the guide image.
I had to make a small glimpse on an other student´s code.
What specific areas of your project would you like help with?- Responsiveness.
- How to find the exact width and height as the guide cards.
@Cxx-mlrPosted 3 months agoI recommend adjusting the CSS
line-height
of the blog description to better match the design guide's appearance.0 - @Sumta4realSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I have mastered the flex layout principle as well as using custom fonts within my webpage and I can conveniently use it moving forward
What challenges did you encounter, and how did you overcome them?I had challenge centering the div horizontally and vertically I also had challenge with mastering spacing and margins I surfed the internet and got useful materials that helped reinforced the knowledge and I was able to navigate the challenge
What specific areas of your project would you like help with?None
@Cxx-mlrPosted 3 months agoTo align your design more closely with the original, try adding a shadow to the
.box
using thebox-shadow
property.0