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

Html5, Css3(flexbox and media queries)

@aasthaanand123

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


I was not able to adjust the svg images. If anyone can suggest how to do that, it would be really helpful. Thanks!

Community feedback

@dinkarjallan

Posted

hello aastha,

I'll advice using img tags instead of svg tag , and then styling it like any other image. but however, if you're trying to make interactive SVG, then consider using the iframe tag, or the object tag for it ( read at MDN for documentation on these tags). OR you can also edit the SVG my wrapping the svg tag in a div tag and styling the div as desired, and since SVGs are scalable, it won't be such a sweat breaker.

personally, I'd use the img tag method, simply because its easier to handle.

I hope this either helped you or improved your understanding. Do consider visiting my Github(https://github.com/dinkarjallan), I'd really love to have some like-minded friends around the globe.

thank you.

0

@aasthaanand123

Posted

Thank you for the feedback! Actually I included the images using css background image property. Due to that I didn't have any flexibility to move or position the image. I'll surely try it again with the image tag.

0

@dinkarjallan

Posted

@aasthaanand123 great!! thanks for the follow up. cheers.

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