Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
24
Comments
316

faizan

@afaiz-spaceIndia2,420 points

I am a beginner. We want to learn Html, CSS & javascript.

I’m currently learning...

HTML CSS & JavaScript

Latest solutions

  • Base Apparel coming soon page


    faizan•2,420
    Submitted over 1 year ago

    0 comments
  • interactive-rating-component-main


    faizan•2,420
    Submitted almost 2 years ago

    0 comments
  • chat app css illustration master


    faizan•2,420
    Submitted about 2 years ago

    0 comments
  • Article preview component


    faizan•2,420
    Submitted over 2 years ago

    0 comments
  • ping-coming-soon-page-master


    faizan•2,420
    Submitted over 2 years ago

    0 comments
  • results-summary-component-main


    faizan•2,420
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Deepali Panchal•310
    @Deepali25-K
    Submitted almost 2 years ago

    Fylo Landing Page with Two Column Layout

    1
    faizan•2,420
    @afaiz-space
    Posted over 1 year ago

    @Deepali25-Kv, hi..... I noticed some issues in your design.

    • Header content is overflowing. The ul tag in the footer also has an overflow
  • Cristina Kelly•140
    @cristinakellyt
    Submitted almost 2 years ago

    Simple interactive card using TYPESCRIPT/SASS/WEBPACK

    #sass/scss#typescript#webpack#handlebars
    1
    faizan•2,420
    @afaiz-space
    Posted almost 2 years ago

    Hey @cristinakellyt .

    When hovering over the button of number 2. Then the color of the button of number 1 changes. This is happening with each and every button. When you hover over the forward button, then the hover effect will be seen on the button before it.

    -- I think there is a problem.

    #rating-values input:hover+input {
    background-color: #959eac;
    color: #fff;
    }
    
  • Danielle Aranda•20
    @DLMedeiro
    Submitted about 2 years ago

    Price Grid Gomponent using CSS Grid

    2
    faizan•2,420
    @afaiz-space
    Posted about 2 years ago

    Hey @DLMedeiro,

    • add display: flex; align-items: center; gap: 8px; in h3 tag for vertical center alignment.
  • Deepak Saroha•120
    @deepaksaroha
    Submitted about 2 years ago

    Social-proof-section

    1
    faizan•2,420
    @afaiz-space
    Posted about 2 years ago

    Hey @deepaksaroha,

    • background curve images used in the body element in the CSS file.
    • remove height: 80%; from .container class.
    Marked as helpful
  • Karen Lourenço•380
    @KarenMascarenhasLourenco
    Submitted over 2 years ago

    Clipboard Landing Page

    1
    faizan•2,420
    @afaiz-space
    Posted over 2 years ago

    Hey, @KarenMascarenhasLourenco

    • add hover color in social icon and footer links.
  • Nikita Barnwal•40
    @nikitabarnawal
    Submitted over 2 years ago

    Responsive result summary for absolute Begineers

    #react
    2
    faizan•2,420
    @afaiz-space
    Posted over 2 years ago

    hey @nikitabarnawal,

    • change color / 100.
    • why not use heading tags for heading.
    • verticle align icons and heading.
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

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

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