Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
11

girldocode

@girldocode260 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Clipboard landing page

    #itcss

    girldocode•260
    Submitted over 1 year ago

    0 comments
  • Fylo landing page with two column layout solution

    #itcss

    girldocode•260
    Submitted over 1 year ago

    0 comments
  • Huddle landing page with alternating feature blocks

    #itcss

    girldocode•260
    Submitted over 1 year ago

    0 comments
  • Testimonials grid section

    #itcss

    girldocode•260
    Submitted almost 2 years ago

    1 comment
  • Social proof section

    #itcss

    girldocode•260
    Submitted almost 2 years ago

    2 comments
  • Order summary component

    #itcss

    girldocode•260
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • fnpassong•160
    @fnpassong
    Submitted over 1 year ago

    Product Preview Card with Sass

    #sass/scss
    1
    girldocode•260
    @girldocode
    Posted over 1 year ago

    overall it looks very nice. just add border-radius to the perfume section.

  • Zeus Tenerife•80
    @zakura1x
    Submitted over 1 year ago

    QR Code

    2
    girldocode•260
    @girldocode
    Posted over 1 year ago

    it looks really nice. just apply border-radius to the image.

    Marked as helpful
  • kamalesh87•10
    @kamalesh87
    Submitted over 1 year ago

    Results summary component solution

    #accessibility
    1
    girldocode•260
    @girldocode
    Posted over 1 year ago

    Actually you did a good job , if you want to improve more ,you can try using these in your code:

    => use flex property set to center to bring that circle in middle.

    => use border radius on card.

    => give margin + padding .

    => use linear gradient.

    => use opacity to lightens the colors on summary section.

  • girldocode•260
    @girldocode
    Submitted almost 2 years ago

    Social proof section

    #itcss
    2
    girldocode•260
    @girldocode
    Posted almost 2 years ago

    thanks for the review . i will apply this in my upcoming projects.

  • Mennatallah Hesham•1,470
    @Mennatallah-Hisham
    Submitted almost 2 years ago

    QR Code Component

    #accessibility#lighthouse
    2
    girldocode•260
    @girldocode
    Posted almost 2 years ago

    Thanks for sharing great article. It is helpful resource to know about web accessibility. Your font CSS is missing color and size. Did you notice?

  • barani19•10
    @barani19
    Submitted almost 2 years ago

    qr-code

    1
    girldocode•260
    @girldocode
    Posted almost 2 years ago

    You can add font family to improve text appearance. Overall looks nice.

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub