Skip to content
Submitted over 4 years ago

Profile Card, Semantic HTML5 and CSS Custom Properties

Joshua Melvin•35
@jojomanurung
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I still have a problem in mobile view, it seems not working in all mobile device screen. How to really make this responsive to screen size

Code

Please log in to post a comment

Log in

Community feedback

  • Milos•330
    @MilosSimic994

    Hello Joshua, you can add to the `.paga { display: flex; align-item: center; justify-content: center; } it will solve the problem of centering card on all screens.

    as @pikamart mentioned you can definitely explore @media.

  • Raymart Pamplona•16,040
    @pikapikamart

    You should add @media . These are media queries so that your page will be adaptable based on the size of the media query that you made. You can search for more info, w3schools have a lot of information about things in development^^

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