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

Mr iD

@iD024100 points

Path to full stack Developer

I’m currently learning...

Doing HTML & CSS Before diving into JS :P

Latest solutions

  • Testimonials grid section solution


    Mr iD•100
    Submitted about 2 months ago

    Need to help with the grid code for mobile users.. couldn't do it (got lazy)


    1 comment
  • Four card feature section


    Mr iD•100
    Submitted 3 months ago

    I need help with the code... its just bad i know it 💀😭😭 if someone made my 10 lines of code into 3 i won't be surprise

    also need help with the responsive with smaller screen sizes please use GitHub if you can to push newer code


    3 comments
  • Product preview card component


    Mr iD•100
    Submitted 3 months ago

    I need help in the usage of my grid, and the CSS Code


    1 comment
  • Recipe page

    #pure-css

    Mr iD•100
    Submitted 3 months ago

    Need help with rescaling of website according to the screen resolution


    1 comment
  • Social links profile

    #pure-css

    Mr iD•100
    Submitted 3 months ago

    I need help to remove the .box > div where i applied flexbox to all the div is there any other more better way to do this?


    1 comment
  • Blog Preview Card

    #pure-css

    Mr iD•100
    Submitted 3 months ago

    2 comments
View more solutions

Latest comments

  • Pedro Braga•80
    @Dev-PedroB
    Submitted about 2 months ago

    Testimonials grid section using HTML and CSS Grid

    1
    Mr iD•100
    @iD024
    Posted about 2 months ago

    Great 👍

  • ImagineBillie•120
    @ImagineBillie
    Submitted 3 months ago

    Four card feature section solution

    1
    Mr iD•100
    @iD024
    Posted 2 months ago

    Great work!

  • Mr iD•100
    @iD024
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how i tackle the problem of the layout of the cards I used flex this time next i would like do the same using grid

    What challenges did you encounter, and how did you overcome them?

    To the desire layout i first used grid but didn't work out well... next used flex where i applied flex on to the container and then divided the columns then adjusted each column to get the layout

    What specific areas of your project would you like help with?

    I need help with the code... its just bad i know it 💀😭😭 if someone made my 10 lines of code into 3 i won't be surprise

    also need help with the responsive with smaller screen sizes please use GitHub if you can to push newer code

    Four card feature section

    3
    Mr iD•100
    @iD024
    Posted 3 months ago

    what the hell that screenshot messed up preview site works well well i know why 💀😭😭😭

  • P
    João Santos•110
    @joaofsds
    Submitted 3 months ago

    Product preview card component

    1
    Mr iD•100
    @iD024
    Posted 3 months ago

    Wow its great code and its almost exact same great!! I feel you used a bit too many flex-boxs..

  • khushi•320
    @khushi0433
    Submitted 3 months ago

    recipe page

    #pure-css
    1
    Mr iD•100
    @iD024
    Posted 3 months ago

    Instead of using @media you can just use rem, em units this will greatly reduce the number of code lines

    Marked as helpful
  • Peace-Divine•60
    @Peace-Divine
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of recreating this and improving on my placements.

    What challenges did you encounter, and how did you overcome them?

    i had challenges on alignment and responsive design. i didn't add responsiveness because i wasn't getting it

    What specific areas of your project would you like help with?

    Responsiveness

    Social links Profile

    #pure-css#pwa#web-components
    1
    Mr iD•100
    @iD024
    Posted 3 months ago
    .social-buttons button a:hover {
      color: black;
      background-color: #c4f82a; 
      box-shadow: 0 0 8px rgba(196, 248, 42, 0.4);
    }```
    
    You can add this to add responsiveness 
    This just changes 3 things when you hover on the block 
    Also Please remove your personal information...
    
    *looks AI gen hmmm*
    
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