Skip to content
Submitted over 3 years ago

HTML, CSS

Samruddhi Bhagat•50
@samruddhi-13
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 challenge here and I am having great fun doing it! Please recommend better code for a responsive site.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hey, Samruddhi Bhagat! 👋

    Good effort on this challenge! 👏 It's good to hear that you had fun completing it! 😀

    I'd like to suggest,

    • Using CSS background images to add and position the background images in this challenge. It'll keep those images out of your HTML (which will make your markup slightly cleaner) and I think it's a little easier to manage the background images, then.
    • Looking into using CSS layout tools such as flexbox (or even CSS grid) to position elements in your site (rather than using absolute or fixed positioning for most things) because that will make things easier for you and make your site more responsive across screen sizes. 😉

    Keep coding (and happy coding, too)! 😁

    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