Skip to content
OverviewSolutions
6
Comments
2
KC
@kchettiar1

All comments

  • NadiaFr•310
    @NadiaFrShLmSubmitted over 2 years ago

    Placing 2 bg-patterns was a nightmare. Finally I placed them in a <body> as a background-image with 2 url() , and positioned them with percentages. So it looks well only with 1440 screen with. Real nightmare

    Responsive Profile Card Component

    1
    KC•90
    @kchettiar1Posted over 2 years ago

    hi,

    Well done getting this challenge completed. I'm working on the same challenge and the background patterns ARE indeed a nightmare!

    I'm going with exactly the same method you used for the background patterns top & bottom, however I fixed the background-positioning for mobile (using px units) and will do the same for desktop once I get there.

    Cheers and happy coding! 👍🏽

    0
  • KC•90
    @kchettiar1Posted almost 3 years ago

    Hey Joe-Lindie. You've been coding for two months - what a great start! Some quick feedback: the card (container) does not quite look centered to me?? I checked this on Google Chrome via Inspector on 1440 x 900 dimensions. The vertical alignment places it quite high on the page.

    The only other thing I could spot is on desktop view - the card container looks narrow compared to the design?! I can see you used media queries to adjust the positioning of the container. But I didn't see any width/sizing adjustments of the container.

    Anyway again well done especially only after two months! All the best in your web dev journey!

    P.S. If you haven't already discovered CSS Tricks is great resource in general. https://css-tricks.com/

    Marked as helpful
    0