All solutions

I am getting better as I do different projects.

Thanks for Checking out my Solution! ; )

Kindly Comment Down Flaws in my Solution if you find any : /

Have a Good Day.

Namaste People! Today's Challenge was Profile Code Component We have to use HTML n CSS properties to easily achieve the output website.

• Even though this project wants the output to satisfy both Desktop Design and Mobile Design. I couldn't do the mobile design as it is a little harder to solve because We have to use Media Queries to in order to complete it. <-- If you know any kind of source/video to understand Media Query Concept easily and implement it efficiently please comment down below -->

• I came across a problem where I had to use "position: absolute" property on the profile pic of Victor and it was overlapping my text <<i.e the name, age and city name>> <-- can you please comment down the solution for that -->

• In this project I ended up having too many <div> and <section> tags which made my project much more complex and it makes it even harder to apply css on those elements. <-- If you have the solution or a way to follow a particular order to solve this problem please comment down below -->

Thank You!

Q1) Things which were difficult while building the project? -As this was my first project it was really hard align all items in center using css postioning properties but then I learned about Flexbox which made my work easy. -I was not able to set a proper background to my project

Q2) Areas of my code I am unsure of? -- I understand the concept of Flexbox and other CSS properties but I was unable to figure out how main section and footer of the body works how to align them together i.e align footer above the main section.

THANK YOU!