Skip to content
Submitted over 3 years ago

a responsive simple profile component with HTML & CSS layout

Lakshan•305
@M-lakshan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my second build-up. Provided background SVG images won't responsive to mobile site scales. How to set a custom size in svg_s for mobile sites?

~Thanks~

Community feedback

  • Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    Hey if what you mean by responsive is that the background image must scale according to the viewport. What you could do is make use of background-size property, that way you background-image will change according to what you specified in the background-size^

    0
    Lakshan•305
    @M-lakshanPosted over 3 years ago

    @pikamart ah haaa.. thats a good one. It works! Thanks 🙂🥂

    0
    Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    @M-lakshan Your welcome on that^

    0

Please log in to post a comment

Log in with GitHub

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