Skip to content
OverviewSolutions
7
Comments
5
Sarbeh
@herbras

All comments

  • Sarbeh•100
    @herbrasSubmitted over 3 years ago

    Any suggest? Why my code doesn't like the design? Hm...... is margin-top or what? thank yu.

    With Grid and padding

    2
    Sarbeh•100
    @herbrasPosted over 3 years ago

    wow. I think this will be very helpful. Thank you so much

    0
  • Dave Horrocks•20
    @DaveyJHSubmitted over 3 years ago

    This is my very first work, I believe there are lots of fundamental errors in the way I structured the HTML. Following that, I learned a lot of CSS so hopefully that looks a little smarter. I would love to know how I could better structure the HTML. I would also like to know if the CSS is written in a good way.

    I think I copied my repl.it so there may be a lot of (weird) notes!!

    Very First Work!

    2
    Sarbeh•100
    @herbrasPosted over 3 years ago

    Wow... it's great...👏 Specially "rotate device" section

    0
  • Sarbeh•100
    @herbrasPosted over 3 years ago

    Congrats for your Solution.

    Firstly, you can change css link on your html with ./style.css, because file css same follder with html.

    I just checked ur css,is good but not effective. I sugessted for use the grid system and I highly recommend playing here https://mozilladevelopers.github.io/playground/css-grid/

    happy coding

    1
  • Sarbeh•100
    @herbrasPosted over 3 years ago

    Congrats for your Solution.

    @media query for background, you can try to add background-position for each query. then add value (top, bottom, right, and left). play this https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    look tricky

    Happy coding

    0
  • ijyotimaurya150•40
    @ijyotimaurya150Submitted over 3 years ago

    I am pretty new to this but I tried my best. The visuals are not exactly how it was supposed to be. I am clueless on the background part. what exactly do I use?

    Also, the horizontal line that is dividing two parts is also not like it was supposed to be. Can anyone tell me where I am going wrong?

    Profile Card using HTML and CSS

    3
    Sarbeh•100
    @herbrasPosted over 3 years ago

    Congrats for your Solution.

    For background, you can use background-position. You can add value (top, bottom, right, and left). play this https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    For horizontal separator, you can use bordet-top on container class (stats) and fill with lightray hsl color, solid line, and small pixel.

    Keep going and Happy Coding! :)

    1