Skip to content
Submitted over 1 year ago

Profile Card Component (TailwindCSS)

accessibility, tailwind-css, lighthouse
Abere Fejiro•490
@Fejiro001
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Hi 👋, I'm Fejiro and this is my solution for the challenge:

Features:

  • Achieved high scores on PageSpeed Insights.🎉
  • Utilized Tailwind CSS for styling.
  • The code was formatted with Prettier.
  • Close resemblance with the original design.

Built With:

  • TailwindCSS.
  • npm - prettier.
What challenges did you encounter, and how did you overcome them?

Positioning the background images offscreen for mobile and desktop view but I used media queries to combat it

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

Any suggestions on how I can improve on my solution are welcome especially when it comes to positioning background images partially offscreen for all screen sizes. Thank you 😄

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Abere Fejiro's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord