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

Amna Ashraf

@Dev-AmnaPakistan230 points

I'm a passionate web developer

Latest solutions

  • Order summary component

    #pure-css

    Amna Ashraf•230
    Submitted 1 day ago

    Anything!


    0 comments
  • 3-column preview card component

    #pure-css

    Amna Ashraf•230
    Submitted 7 days ago

    Anything!


    0 comments
  • Product preview card component

    #pure-css

    Amna Ashraf•230
    Submitted 8 days ago

    Anything!


    0 comments
  • Blog preview card

    #pure-css

    Amna Ashraf•230
    Submitted 8 days ago

    Anything!


    1 comment
  • Advice generator app

    #pure-css

    Amna Ashraf•230
    Submitted 8 days ago

    Anything!


    1 comment
  • Contact form

    #pure-css

    Amna Ashraf•230
    Submitted 10 days ago

    Anything!


    0 comments
View more solutions

Latest comments

  • Dinesh•30
    @Rahul-Chauhan420
    Submitted about 11 hours ago

    Social links Profile Project

    2
    Amna Ashraf•230
    @Dev-Amna
    Posted about 7 hours ago

    Nice work! The project looks good overall. Just a small note — it’s not exactly like the original design. A few layout tweaks could bring it even closer!

  • Dudley Seddon•50
    @Dudamania
    Submitted about 7 hours ago
    What are you most proud of, and what would you do differently next time?

    Progressed on my knowledge of using rem as font sizes instead of px as to provide a better responsiveness in fonts across mobile and destop layouts.

    p {
      font-size: 0.875rem;
    }
    
    What challenges did you encounter, and how did you overcome them?

    I had some challenges with getting to know rem and em. I researched how these are used and the default rem in browsers.

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

    I would like help with better using rem and em in the future to better create responsive web designs.

    Responsive profile modal using flexbox and hover states

    #bootstrap#sass/scss
    1
    Amna Ashraf•230
    @Dev-Amna
    Posted about 7 hours ago

    nice!

  • Amir Elmzyn•150
    @AmirElmzyn
    Submitted about 10 hours ago

    Responsive landing page using HTML, CSS and CSS Grid contains 4 cards

    1
    Amna Ashraf•230
    @Dev-Amna
    Posted about 7 hours ago

    You’ve done a great job replicating the challenge! The visual balance, font choices, and layout are all nicely done. Your CSS is clean, and I appreciate the effort to keep it organized. Keep learning and building!

  • Snizder•40
    @Snizder
    Submitted about 24 hours ago

    social-links-profile-main

    1
    Amna Ashraf•230
    @Dev-Amna
    Posted about 23 hours ago

    great job! keep it up!

  • Zam•40
    @moumintech
    Submitted 1 day ago

    Responsive landing page using CSS Flexbox

    1
    Amna Ashraf•230
    @Dev-Amna
    Posted about 24 hours ago

    Looks almost identical to the original—awesome job! 🙌

  • Vikiwest•20
    @Vikiwest
    Submitted about 24 hours ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that i learnt something new in the javascript function when trying the set up the dom manipulation, i learned that performing a Dom manipulation, using document.querySelector, when trying to use class names which entails that a dot should be added before the class name (document.querySelector(".description");

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

    I encountered some syntax errors when writing the javascript function, so i made use of chatgpt to pinpoint where the errors were coming from

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

    I need help with the api integrations, i feel that that's where my weakness lies

    Advice Generator App using Html, Css and Javascript.

    #axios#pure-css
    1
    Amna Ashraf•230
    @Dev-Amna
    Posted about 24 hours ago

    Impressive! You matched the original design really well. 🔍

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