não sei
What challenges did you encounter, and how did you overcome them?não sei
What specific areas of your project would you like help with?não sei
Your work looks very good! Good job! I only see some minor issues related to text formatting and sizing but that is hard to detect without the specific details.
The only thing I can comment on is the additional border line under the "Fat" row in the Nutrition table. You can use this CSS code to not include the last row to have a border.
tr:not(:last-child) { border-bottom: 1px solid lightgray; }
Aside from this, good job on the website!
card positioning
What challenges did you encounter, and how did you overcome them?using padding to make link buttons longer led to card overflow on mobile, so instead I just stretched them with width: 100%
What specific areas of your project would you like help with?Responsive text
In this exercise I practiced more html and css concepts. It makes me more tools at the moment when I created more projects.
In the next time I would like add more comments in the CSS file.
What challenges did you encounter, and how did you overcome them?I couldn't remember how to link the fonts. So I needed to learn again how. After a few minutes I can make it.
What specific areas of your project would you like help with?How can I add some comments in both files? I would like some examples about it, for make an orderer project!
Your work looks very good! The sizing and details are spot on. The only comment I can give is that the main body is not vertically centered to the website. This is only a minor issue though. Congrats on a job well done!
You can add comments on a .html file using
<!-- [text here] -->ex. <!-- This is a comment -->
For the .css file
/* [text here] */
ex. /* This is a comment */
Centering everything. To center the box itself I used margin: auto;. To center the image and text inside I used flex at first but realized I just needed text-align: center;.
What challenges did you encounter, and how did you overcome them?Getting the HTML and Body to take up the whole space of the page. I assumed they would fit the container automatically.
html{ min-height: 100%; margin: 0;
}
body{ min-height: 100vh; margin: 0; background-color: var(--slate-3); }
What specific areas of your project would you like help with?I am hoping my solution isn't too much and could have been accomplished with way less code.
Good Job on your work! It looks great.
Just some key points to take note of. Make sure to double-check the view of the website on both desktop and mobile view to see if the web elements fit into the view. I did a quick check of your sample code using the mobile view and some parts were cut off. But aside from that, everything else looks good to me. Great work once again!
