All solutions

What are you most proud of, and what would you do differently next time?

I think I did pretty well with this one. I feel like I'm getting better at responsive design, and imitating the design itself doesn't take me as long as it used to.

What challenges did you encounter, and how did you overcome them?

I initially tried to do the nutrition section as a table, but I couldn't figure out how to imitate the lines between each value while using a table format. So instead I switched them into a flexbox and used a divider div to imitate that. I'm not sure if that was what the challenge was expecting though.

What specific areas of your project would you like help with?

Is there a way to insert a divider between different rows of a table? When I tried, it would only set the divider before the table, rather than "inside" it.

What are you most proud of, and what would you do differently next time?

Most proud of:

I feel like I am getting better at imitating designs I see after fooling around a lot with different things on my own, such as grid and flexbox.

What I would do differently next time:

I want to learn more about accessibility, so that I can properly structure the HTML to meet accessibility guidelines. I am aware of things like alt text, but I don't know much about how screenreaders work and how to serve sites to them properly.

What challenges did you encounter, and how did you overcome them?

Challenges I encountered:

Not sure I would call it a challenge, but I had trouble centering the profile picture image before I remembered to place it inside a div element. There are still certain things I don't do instinctively, but it usually doesn't take me long now to fix those issues.

What specific areas of your project would you like help with?

What I'd like help with:

I guess more of a question than a request for help, but I used the developer console in Chrome to view my design at different screen sizes. I wondered, if your design is already responsive at different screen sizes, is there still a need to include media queries in your CSS?

What are you most proud of, and what would you do differently next time?

I feel like I did better this time around on mobile responsiveness.

What challenges did you encounter, and how did you overcome them?

Responsiveness is my worst enemy at the moment... I'm working on it though.

What specific areas of your project would you like help with?

Anything I can do better?

What are you most proud of, and what would you do differently next time?

Proud of: I thought going in that trying to build a page without following a tutorial would take a lot longer than it did.

What I would do differently: With a bit more experience, I would like more knowledge of building for mobile screens. I tried to fiddle with the css a bit and test how the page would look by collapsing the browser window, but I don't think that's how people test mobile sites. I would like more knowledge on how to do that next time.

What challenges did you encounter, and how did you overcome them?

Not enough containers... I had trouble centering it vertically before realizing I needed to wrap the whole thing in another element to allow vertical centering. From what I googled there are other ways but flexbox seemed simplest.

What specific areas of your project would you like help with?

I'd like to figure out how to use the MobileView extension in VSCode. I installed the extension but when I start it up, it doesn't seem to actually have a live preview of the site I'm building. I didn't have a lot of time to fiddle with it before work though so I let it go for the time being.