Responsive landing page using Flexbox in React

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

What I am most proud of:

• I am most proud of creating a clean, centered profile card layout using React and CSS.
• The app uses simple structure, good spacing, and a dark theme that matches the design intent.
• The use of flexbox and component-based structure helped keep the layout consistent and easy to maintain.

What I would do differently next time:

• I would add proper links to the social buttons so they become functional instead of just visual.
• I would add hover and focus states to the buttons for better accessibility and interaction feedback.
• I would improve responsiveness with media queries and test the layout on mobile screens.

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

• It was challenging to match the design spacing and layout using only the static JPG design reference.
• I overcame this by using flexbox and careful padding/margin adjustments while frequently checking the layout.
• I also found that browser defaults could create unwanted white edges around the page.
• I fixed this by adding consistent background-color and resetting default margins on html and body.

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

• Improving mobile responsiveness and ensuring the layout works well on smaller screens.
• Adding hover and focus states for the buttons to improve interactivity and accessibility.
• Adding real link behavior to the social buttons.
• Refining the spacing and typography to match the visual design more closely.