Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

a responsive simple profile component with HTML & CSS layout

Lakshan 305

@M-lakshan

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@pikapikamart

Posted

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-lakshan

Posted

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

0

@pikapikamart

Posted

@M-lakshan Your welcome on that^

0

Please log in to post a comment

Log in with GitHub
Discord logo

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