All solutions

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

1. using the flexbox Layout extensively to make the structure close to the design
2. finally understanding how flex-grow / shrink / basis behave with respect to justify-content and align-items

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

1. My main goal was to design this page using flex layout while having a clear understanding of the behavior. I have gone through several resources prior to that and most of them seemed to just throw the attributes at me in isolation without explaining the big picture. I linked the best resource on the flex layout in the repo Readme

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

1. Mainly feedback on my usage of the flex layout and the responsiveness of the page

2. I am perfectly aware that several styling details are completely ignored. This was done on purpose. I am currently focusing on building a big picture of CSS and HTML focusing solely on the most important skills (the flex/grid layouts, positioning, the box model....) as I would like to move to JS and NodeJS as soon as possible.

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

I think the solution is good enough for a Newbie Challenge. I focused mainly on the site's structure and ensuring all components behave as expected.

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

I would mainly like some feedback on my structure:

1. setting a container for the 3 components: (the image and the 2 paragraphs) such that:

• position: 'fixed'
• 40% to the left and 40% to the right of the viewport
• width=20% and the element is centered nicely

1. each sub-component will be of width: 90% and of margin: 5% so each sub-component will be centered nicely within the container

What are other better alternatives, for example? What are the potential issues with my approach?