All solutions

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

I was able to load different image files based on device size. I want to explore more image and picture related properties. I was also able to mix flexbox and grid layouts.

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

Switch from one column for mobile to two columns on desktops. I set grid display on the card wrapper based on media query.

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

How to fit the whole page inside the window leaving some space/margin at the top and bottom

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

Being able to produce a similar page to given design

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

Aligning image to center after adding reset stylesheet was a bit tricky. I managed to align it properly using flexbox display on image container div.

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

I wasn't sure of the effects of selecting/clicking the links through the keyboard.

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

What I am proud of

• I used CSS reset which was recommended from previous review

What I would do different next time

• Importing fonts from remote servers like google fonts

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

• Showing author image and name on the same line. I wrapped them inside a div element and set display for that div to flex

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

I was able to produce the layout on the design. My page is responsive which makes it adaptable to different screen sizes without distorting content.

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

Initially the image couldn't fit inside the container div until I set max-width to 100%.

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

I would like to know if it is right to add bootstrap to this project and use the card component to avoid writing many css styles