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

Ahlam

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

  • Equalizer || HTML & CSS

    #accessibility

    Ahlam•300
    Submitted about 1 year ago

    0 comments
  • Recipe page | HTML & CSS


    Ahlam•300
    Submitted over 1 year ago

    0 comments
  • Social links profile | HTML & CSS


    Ahlam•300
    Submitted over 1 year ago

    0 comments
  • NFT preview card component | HTML & CSS


    Ahlam•300
    Submitted over 1 year ago

    0 comments
  • Testimonials grid section using HTML & CSS || Flexbox & Grid

    #bem

    Ahlam•300
    Submitted over 1 year ago

    0 comments
  • Social proof section using HTML & CSS || Grid & flexbox


    Ahlam•300
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Anosike Obinna•400
    @Smartlify08
    Submitted over 1 year ago

    Calculator App, With theme toggling :D

    1
    Ahlam•300
    @AhlamAb22
    Posted over 1 year ago

    Multiplication does not work

  • Richard•10
    @rangapin
    Submitted over 1 year ago

    Responsive card using HTML and CSS

    2
    Ahlam•300
    @AhlamAb22
    Posted over 1 year ago

    Good work Richard!

    I have one suggestion, "HTML & CSS foundations" is clickable, and clickable items should be either a button or an anchor depending on the action :)

  • Mitesh Panchal•750
    @miteshp98
    Submitted over 1 year ago

    Blog Preview Card

    3
    Ahlam•300
    @AhlamAb22
    Posted over 1 year ago

    Good work!

    Here are a few suggestions:

    -Try to use classes for styling instead of directly styling elements.

    -Implement a CSS reset.

    -Avoid using Px for font-size

    -Avoid specifying fixed heights and widths; try using 'max-height' and 'max-width' for flexibility.

    Marked as helpful
  • Aleš Zima•420
    @Esosek
    Submitted over 1 year ago

    Blog preview card using clamped font

    3
    Ahlam•300
    @AhlamAb22
    Posted over 1 year ago

    As @techyjc said, you need to define :root instead of repeating the size each time. but you are right about rem, it is not recommended to use px

  • Darijo Šalković•70
    @D-Salkovic
    Submitted over 1 year ago

    QR-code-card

    3
    Ahlam•300
    @AhlamAb22
    Posted over 1 year ago

    Good work!

    Here are a few suggestions:

    -You don't need an extra <div>, you can wrap the whole content with one <div>

    -Implement a CSS reset.

    -Use em or rem for font-size instead of px

    -Avoid specifying fixed heights and widths; try using 'max-height' and 'max-width' for flexibility.

    Marked as helpful
  • Debabrata Banik•890
    @DebabrataBanik
    Submitted over 1 year ago

    blog-preview-card-main

    2
    Ahlam•300
    @AhlamAb22
    Posted over 1 year ago

    Great work! I assume this should be <a> instead of <h2> because it's clickable.

    Also, consider using rem or em instead of px for font-size.

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