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

Abdul-Rahman Nasser

@Abdul-RahmanNasser30 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

  • social links profile card


    Abdul-Rahman Nasser•30
    Submitted 11 days ago

    that my projects are more responsive accessible than my old projects


    1 comment
  • CSS @font-face rule


    Abdul-Rahman Nasser•30
    Submitted 16 days ago

    all areas.


    1 comment
  • normalize file and html & css languages


    Abdul-Rahman Nasser•30
    Submitted about 2 months ago

    How can i make the code is simpler, shorter, and do the required tasks? Are there any tools to build this project or help me to build this project quickly? and what are these? How do I make this design exactly match the desired design?


    1 comment

Latest comments

  • Vassili Prokopenko•40
    @VassiliProko
    Submitted 11 days ago

    Social Links Profile

    1
    Abdul-Rahman Nasser•30
    @Abdul-RahmanNasser
    Posted 11 days ago

    it is good, but i think you should increase margin, padding, font-size. the colors are not agreeble between your solution and the original design. you forgot some links unless you don't have these accounts.

  • Saif Fadhel•90
    @SaifFGit
    Submitted 13 days ago

    blog-preview-card

    1
    Abdul-Rahman Nasser•30
    @Abdul-RahmanNasser
    Posted 13 days ago

    Nice, but i think you need to increase value of margin and color of 'Published 21 Dec 2023' and remove the text that is under the card.

  • Anto•130
    @Antonex
    Submitted about 2 months ago

    QRCode completed using vanilla html and css

    2
    Abdul-Rahman Nasser•30
    @Abdul-RahmanNasser
    Posted about 2 months ago

    Well Done, you are near from the required design that is some of improvements body element The width should be 1440px and the height should be 960px.

    div element with class="card" The width should be 320px. The border-radius should be 20px. padding-bottom should be 40px. You don't need to set a height. You don't need to set a justify-content and align-items because of using text-align property with a value is center. You don't need to set background-color. Its better to set gap between image and div with class="box" with a value is 24px. ".card > .box" isn't necessary, you can ".card" because it is not repeated.

    img element The width for image should be 288px.

    div element with class="box" You don't need to set font-family property because you do in body selector. You don't need to set width. You should set padding-right and padding-left with a value is 16px.

    p element with class="caption" it is better to replace it to h1 element with style is "margin: 0; font-size: 22px; line-height: 120%;" with your other properties.

    p element with class="description" The properties should be "font-size: 15px; line-height: 140%; letter-spacing: 0.2px" without padding and that with your other properties. and all selector has scale with a value is 1. all of this is in the sketch with figma.

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