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

M Rafay

@the-Exalter140 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

  • Newsletter sign up with success message using Flexbox


    P
    M Rafay•140
    Submitted about 1 month ago

    2 comments
  • Mobile-First Responsive Article Preview Component using Flexbox

    #pure-css

    P
    M Rafay•140
    Submitted about 2 months ago

    1 comment
  • Responsive Meet Landing Page using CSS Grid


    P
    M Rafay•140
    Submitted 6 months ago

    2 comments
  • Responsive Testimonial Grid Section using CSS Grid and Flexbox


    P
    M Rafay•140
    Submitted 6 months ago

    2 comments
  • Responsive Four Card Feature Section using CSS Grid


    P
    M Rafay•140
    Submitted 6 months ago

    2 comments
  • Product Preview Card using CSS Flexbox


    P
    M Rafay•140
    Submitted 7 months ago

    2 comments
View more solutions

Latest comments

  • Sameer Mehta•170
    @Sameer1003
    Submitted about 1 month ago
    What specific areas of your project would you like help with?

    I would really like help with the following problem that I am unable to resolve in my Javascript code.

    Problem:

    In my project, I have 2 HTML files, index.html and sign-up-success.html. In index.html, I have a form which on submit takes me to sign-up-success.html page and in sign-up-success.html page I have a dismiss button which I want that on click should redirect again to index.html page. The problem is, that I am using a single Javascript file to handle these two HTML files. But, since initially index.html page will be open, the dismiss button will be undefined and hence the variable assigned to it will give null value. How can i Handle this?

    For reference, check line number 2 and line number 54 to 60 in script.js file. These lines are currently commented out.

    Any kind of suggestion with any part of my code is appreciated. Please try to be specific with which part improvement is possible.

    Completed the Newsletter Sign Up page

    1
    P
    M Rafay•140
    @the-Exalter
    Posted about 1 month ago

    had same problem

  • TUFAIL ASHRAF•100
    @tufailashraf
    Submitted 4 months ago

    Article Preview Component

    #pure-css
    1
    P
    M Rafay•140
    @the-Exalter
    Posted about 2 months ago

    Impressive!!!

  • P
    M Rafay•140
    @the-Exalter
    Submitted 6 months ago

    Responsive Meet Landing Page using CSS Grid

    2
    P
    M Rafay•140
    @the-Exalter
    Posted 6 months ago

    Hi, I can't thank you enough for the feedback as it was my last challenge of HTML and CSS path, I really needed all the things that you mentioned and surely I will look into everything as I am planning to do all those challenges again to learn from the mistakes and apply the things that I have learned from feedback like yours and others. And hope to see your feedback on that too. Thank you really much👍😀

  • Adam•340
    @nadam-design
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most satisfied with the solution for the images: I separated them so they can be animated individually, and thanks to flex and grid, their placement is easy to manage.

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

    The hardest task was implementing the spacing system. I think I overcomplicated it.

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

    The Spacing System: is it a good approach to define individual spacing values as variables in :root and then adjust them with media queries? Or is clamp() more effective? I feel like both are complicated to understand and maintain.

    Meet landing page using CSS Grid and Flexbox

    1
    P
    M Rafay•140
    @the-Exalter
    Posted 6 months ago

    Hi, your projects looks great and I have just completed mine, seeing your project it is so so good, can you please review my project too and give some feedback, it would mean a lot. Thank you.

  • P
    MartynaGit•170
    @MartynaGit
    Submitted 6 months ago
    What specific areas of your project would you like help with?

    I am available that I managed to use the grid. I don't know how to determine the maximum size of a given card in the grid so that it does not extend to 1 fr

    my first project with grid

    1
    P
    M Rafay•140
    @the-Exalter
    Posted 6 months ago

    Hey, congrats on completing this challenge, it was a tough one for me, so I can't give much feedback but I think the height should be somewhat shorter.

    Thank you

  • MolinaEf•330
    @MolinaEf
    Submitted 6 months ago

    Responsive four features section using CSS Flexbox and Grid

    1
    P
    M Rafay•140
    @the-Exalter
    Posted 6 months ago

    Hi, congrats on completing this challenge!

    Your website looks very good and very close to the original desgin, I want to thank you for the inspriration I will surely try again.

    Thank you

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