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

Amna Nasir

@amna152680 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

  • Responsive four card master section layout


    Amna Nasir•80
    Submitted 12 months ago

    0 comments
  • Responsive Product Landing Page

    #accessibility

    Amna Nasir•80
    Submitted 12 months ago

    0 comments
  • Simple-Omlette-Recipe


    Amna Nasir•80
    Submitted over 1 year ago

    How to correctly distance the text in the nutrition heading

    How to distance the bullets from the text in the lists


    2 comments
  • Social Links Profile


    Amna Nasir•80
    Submitted over 1 year ago

    The picture in my live site isn't loading for me, while in VS code, it is loading just fine, is it being loaded for the viewers?


    2 comments
  • Blog-preview-card


    Amna Nasir•80
    Submitted over 1 year ago

    How to add border-radius to a svg file??


    1 comment
  • QR Code Challenge


    Amna Nasir•80
    Submitted over 1 year ago

    The width property mainly, idk which unit to use for it


    2 comments

Latest comments

  • Jerry Surya Irawan•240
    @JerryIrawan14
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    n/a

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

    n/a

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

    n/a

    Responsive multiple card html-css using flexbox

    1
    Amna Nasir•80
    @amna1526
    Posted 12 months ago

    Use box shadow property to add shadows

  • Emir Can BULDU•130
    @canbld
    Submitted 12 months ago

    Product Preview Card using html css

    #accessibility
    1
    Amna Nasir•80
    @amna1526
    Posted 12 months ago

    Great job!

  • abdullah-mn•70
    @abdullah-mn
    Submitted almost 3 years ago

    Responsive mobile-first card component using flexbox

    #accessibility#bem
    2
    Amna Nasir•80
    @amna1526
    Posted about 1 year ago

    I really like the responsiveness of your design and would like to know, where did you learn how to do that?

  • 202355202007_Agniel-Lorensyus-Malino_2A•20
    @sylpx14
    Submitted over 1 year ago

    Food Recipe Website

    1
    Amna Nasir•80
    @amna1526
    Posted over 1 year ago

    Using table was a good idea, nice job!

  • Patrick Smith•20
    @patsmith41
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of finishing the project. This was the first time I have used Git, and feel much more comfortable now with it.

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

    The biggest challenge for me was trying to get the dimensions as close to the example as possible. Trial and error was the way I overcame the challenge.

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

    I would like help with understanding if the way I centered everything was the best and most efficient way to do it.

    Landing page with QR code built using html and css

    2
    Amna Nasir•80
    @amna1526
    Posted over 1 year ago

    Not sure about it being the best way, as I am new to code myself but I usually center the text the way u did and use this to center images:

    margin: 0(or whatever u like) auto;

  • FatimaZaka•30
    @FatimaZaka
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    This was my first beginners level html and css task to create a personal social link page.

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

    Positioning all the elements correctly was most challenging.

    CraftingMy Personal Interactive Social Network: An HTML & CSS Guide to

    #accessibility#fresh#materialize-css#styled-components#web-components
    1
    Amna Nasir•80
    @amna1526
    Posted over 1 year ago

    Good effort dear! Here are a few recommendations for you:

    --- Try using a class for all three of your links and then in css style that class, instead of styling each link separately

    --- You were supposed to copy the original design exactly I think, instead of making it your own, but you did the styling well anyway

    --- You were not supposed to use a gradient here

    --- You should use an a:hover CSS selector to style the links when the viewer hovers over them, this was required in the challenge, check out my code if confused about this part, https://github.com/amna1526/Social-links-profile

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