Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
5

Adam.Codes

@AdamCodes42Mumbai180 points

Hey Devs, I am currently on the path of learning web development. As Html , Css And JS are some basic start for this path currently learning them and practicing it.

I’m currently learning...

Web development Javascript

Latest solutions

  • huddle-landing-page-with-single-introductory-section


    Adam.Codes•180
    Submitted almost 4 years ago

    1 comment
  • Four Card Features


    Adam.Codes•180
    Submitted about 4 years ago

    1 comment
  • Fylo Data Storage Component


    Adam.Codes•180
    Submitted about 4 years ago

    2 comments
  • Profile-card


    Adam.Codes•180
    Submitted about 4 years ago

    1 comment
  • 3 Column preview card


    Adam.Codes•180
    Submitted about 4 years ago

    1 comment
  • stats-preview-card


    Adam.Codes•180
    Submitted about 4 years ago

    1 comment

Latest comments

  • cesalistya•25
    @cesalistya
    Submitted almost 4 years ago

    Faq Accordion Card Solution

    2
    Adam.Codes•180
    @AdamCodes42
    Posted almost 4 years ago

    Great Code!!! Proper Use Of JS 👍

    Happy Coding😄 @cesalistya

  • Carlos•1,110
    @Carlos-A-P
    Submitted about 4 years ago

    CSS Flexbox and media queries

    1
    Adam.Codes•180
    @AdamCodes42
    Posted about 4 years ago

    Nicely Done! 😀

    As For the background elements you can use pseudo selector ::before and ::after which will help you to adjust the background elements.

    Happy Coding.✌

    Marked as helpful
  • Iván Antonio Suarez Villalba•10
    @IASV
    Submitted about 4 years ago

    To creating 3 column using easy flexbox

    2
    Adam.Codes•180
    @AdamCodes42
    Posted about 4 years ago

    Nice!!

    • You can just use flex box property in your media query while making it responsive for mobile. flex-direction:column
    • That will make it vertical .
    • You can Use max-width or min- width to make it responsive.

    Happy coding 🙌🙂

    Marked as helpful
  • Bao Nguyen•100
    @quocbao19982009
    Submitted about 4 years ago

    CSS, HTML, Responsive Mobile and Desktop

    2
    Adam.Codes•180
    @AdamCodes42
    Posted about 4 years ago

    Hey, See if you want to make your website responsive try learning how max/min-width and max/min-height works it would be great and also maintain less code in your media query Example:-

    img{ width:500px; min-width:450px}

    So the img size won't be smaller then 450px

    • Arrange your css properly
    • I am also a beginner but as you complete your challenges you will get more improvement

    Happy coding 🙌🙂

    Marked as helpful
  • Gaurav Tomar•10
    @gauravtomar1989
    Submitted about 4 years ago

    Stats-preview-card first practice site

    2
    Adam.Codes•180
    @AdamCodes42
    Posted about 4 years ago

    You can use pseudo selector ::before ::after for overlay and it will always be relative to your image Happy Coding😉

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