All solutions

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

Still unsure which approach is best...desktop => mobile or the other way around.

Have been approaching it this way and not sure if I am making extra lines of css code because of it but I find I gravitate to this approach more.

Next project, I'll be trying mobile first approach.

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

No mega issues popped up, which I am really happy about :)

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

I don't think it's a super big deal, but I can never get the shadow correct.

Is there a way? Or is it just estimating?

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

I am proud to have finally finished this project.

Next time, I would just approach the project in a more simplified manner and try not to overthink every single step...go with what you know!!!

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

Many!

I was trying to incorporate both grid and flexbox, but in a totally overkill way.

Next time just prepare the html and apply either grid of flexbox where appropriate and do not try to just make it work!

Use the tool that best suits in solving the solution.

I overcame the issues but stepping back and looking at the solution again.

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

My css is in shambles with this one...

I will be working hard on this for the next project to make sure that it is more legible and to try and not repeat myself so much in order to 'just make it work'.

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

Proud that I managed to get the desired grid layout.

Next time, I would plan it out ahead of time before starting the code.

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

I resort to using flex by default, so made myself use grid for the entire layout.

No issues, just need more practice using grid layout.

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

Just overall code review and one question.

I understand that the accessibility report is highlighting that the page requires a single h1 tag.

In this instance, this isn't really a landing page, but another section and this is the reason I have not added any h1 elements.

Is this correct?

Thank you

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

I am so used to using flex box, but am pretty happy with learning to use grid as well.

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

Getting the cards to be correct height and width.

I created another row instead of using gap...not sure if this is the correct way of doing this.

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

Overall review of my code and any feedback on my solution.

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

Learning and following proper conventions for image sizing.

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

None on this project :)

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

Just overall review of code :)

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

Getting it done because I started and stopped the task so many times.

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

I need to work on keeping my css clean and ensure I take into account accessibility.

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

None for this one.

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

I am proud that I am completing the challenges quicker each time.

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

Ensuring that flex box resizes correctly on mobile view.

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

Feedback on overall solution and if there are better ways of doing css.

Thank you

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

I should use the provided html file instead of making my own (although it has been good to practice with).

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

Allowing the banner image to be a fixed width. This was causing issues when resizing to a small screen.

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

I would just like overall review of the code structure and css styling on this one.

Thank you

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

I am happy that I am utilising vanilla CSS for these challenges to understand the concepts.

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

Trying to make it more responsive.

At the moment, I am assuming the width of the screen won't get smaller than 320px.

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

I am getting vertical scrolling on mobile view.

I was trying to use 'dvh' but it didn't seem to work.

Feedback on this issue would be greatly appreciated.

Thank you