Profile card component |HTML| |CSS|

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

Technologies Used

• HTML5: For structuring the content.
• CSS3: For styling the component, including:
  • @font-face for custom typography.
  • Flexbox and Grid layout techniques for responsive design.

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

During the development of this project, several challenges were encountered, particularly with positioning the background circles. The goal was to place two Quad-circles that serve as the backdrop for the profile section, ensuring that only half of each circle is visible. Key challenges included:

• Correct Circle Positioning: Achieving the desired "quad circle" effect required careful manipulation of CSS properties.
• Visibility Issues: Ensuring that the circles displayed correctly across different devices and browser sizes, particularly in mobile views.

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

I would appreciate any feedback you could provide, as it will help me improve and understand how I can approach things better.