Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
2

abdullahmd2

@abdullahmd2India90 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!

I’m currently learning...

HTML & CSS

Latest solutions

  • Age Calculation App with tailwind css - responsive design

    #tailwind-css

    abdullahmd2•90
    Submitted 9 months ago

    In my code, the responsive design part could have been done in any other way? I would like to know other ways it could have been done.


    0 comments
  • Advice Generator App using Vanilla JavaScript and Tailwind CSS

    #tailwind-css

    abdullahmd2•90
    Submitted 10 months ago

    Facing some issue when adding the Tailwind CSS breakpoint classes (sm, md, lg, etc.) for making responsive layout. I don't know why the classes are not working and was not able to make a responsive layout. But when I used plain CSS media queries for responsive layout it was working fine (you can find the media queries in output.css file in my code, it is commented for now).

    If you can help please provide a solution. I have added a comment in the code. I am using Tailwind CLI. Also I was unable to horizontally center the Divider Pattern SVG, need help in that also.


    1 comment
  • Interactive Rating Component using HTML, CSS and JavaScipt


    abdullahmd2•90
    Submitted 10 months ago

    0 comments
  • Order summary component


    abdullahmd2•90
    Submitted almost 3 years ago

    1 comment
  • NFT preview card component


    abdullahmd2•90
    Submitted almost 3 years ago

    0 comments
  • Product preview card component using bootstrap

    #bootstrap

    abdullahmd2•90
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • Stefan Bojkovski•720
    @xStephx
    Submitted 9 months ago

    Solution Age calculator app

    #tailwind-css
    7
    abdullahmd2•90
    @abdullahmd2
    Posted 8 months ago

    The number count up animation give a really nice user experience! Great job!

  • jeevanraj•20
    @jeevanraj1
    Submitted almost 3 years ago

    NFT preview card component

    3
    abdullahmd2•90
    @abdullahmd2
    Posted almost 3 years ago

    Hey Jeevanraj,

    To change the color of <hr> add the following code in your <hr> tag

    hr {
        background-color: var(--Very-dark-blue-line);
        border: none;
        height: 1px;
    }
    

    You can check this website to know more about styling hr in CSS.

    Also you can add align-items: center; in your body and remove margin-top: 70px; from .logo in your CSS to vertically align the card in center.

    I hope this will help :)

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