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

All comments

  • Lia Marie 80

    @lmestrella

    Posted

    I noticed that you set a fixed width and height on your .profile-card; I personally avoid this as much as possible since I've read that it should only be applied on an element if it's really necessary.

    Also the font size and letter spacing could be a bit bigger to match the design reference.

    That's all, thank you. I learned a lot from your css. :)

    0
  • @Captressketh001

    Submitted

    Adding a gradient border to the Instagram card gave me a tough time and I was able to do it but I couldn't add a border radius to it. I will really appreciate if someone can put me through on this.

    Lia Marie 80

    @lmestrella

    Posted

    Hello! You can use the pseudo element ::before with absolute positioning to imitate the look of border-top. Set its parent element's position to relative with overflow: hidden; to clip the edges of the pseudo element.

    I'm still a newbie so I'm not sure if this is the best way to get around with this. Good luck tho! :)

    0
  • Lia Marie 80

    @lmestrella

    Posted

    You just missed a few minor UI details but overall this looks good :)

    0