Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
25
Abdellah el aajjouri
@abdellahelaajjouri

All comments

  • P
    Jason Donmoyer•270
    @Jason-Donmoyer
    Submitted almost 3 years ago

    Custom Graph From API Data

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted almost 3 years ago

    Hey There , Youre Solution is Perfect well done , But I corrected the active satate of your elements in the mobile layout and also the max with of your container ; so I have added it for you . check out your code . Other than that everything is Very good . Good Jobe !

  • Praveen Perumal•740
    @solvedbiscuit71
    Submitted almost 3 years ago

    Simple Chart Component with Vanilla CSS and JS

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted almost 3 years ago

    Hey There , Youre Solution is Perfect well done , But in the mobil layout you did forget to add the code the active state of the bar (hover) so added it for you . check out your code . Other than that everything is Very good . Good Jobe !

    Marked as helpful
  • Danila•110
    @ColdLikeMcFlurry
    Submitted over 3 years ago

    QR code component

    3
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    You doing a great job body , your solution is amazing 👌 . Keep up

    Marked as helpful
  • Mohamed Wagdy•240
    @MohamedWagdy7
    Submitted over 3 years ago

    stats-preview-card-component-main

    #styled-components
    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Goog job Mohamed , nice looking solution . You just want to change the position of the image in the right and the content in left . Nice work . Keep up 👌

    Marked as helpful
  • Osman Nuri ERDOĞAN•330
    @osmannurierdogan
    Submitted over 3 years ago

    NFT Card Component Using HTML5 and CSS3 (SCSS)

    #sass/scss
    3
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Wow amazing job osman

  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted over 3 years ago

    Single price grid component

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Hey catherin , where did you learn best practice to use css units ?

  • Artemis•100
    @artemis-tiwa
    Submitted over 3 years ago

    Social Proof Section

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Amazing job artemis , your solution looks perfect 👌👍

  • Mohammad Ebrahimi•250
    @moheb2000
    Submitted over 3 years ago

    Stat preview card component with flexbox

    3
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Your card looks good , just decrease the height using max height and aligne it the content , Keep up 👌

    Marked as helpful
  • Nataniel Costa•60
    @NatanielCosta
    Submitted over 3 years ago

    Responsive landing page using CSS flexbox

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Good job Nataniel , your solution looks amazing 👌 . just reduce a little of the filter contrast to see more of the img , Keep Up 👍

    Marked as helpful
  • Yuval Carmel•80
    @hoomi88
    Submitted over 3 years ago

    Responsive order form

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Good it's look amazing 👌👍

  • Yan Victor•20
    @YanVictorSN
    Submitted over 3 years ago

    html/css/flexbox

    2
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Good job Victor your solution is amazing. You just want to reduce the opacity of the paragraph . Other than that all perfect. Keep Up with the good work 😜

  • Hiba badran•30
    @HibaBadran122
    Submitted over 3 years ago

    Qr code

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Hey @HibaBadran122 We can't see your solution to fix that problem Try vercel, or netlify. They are user friendly: just push changes to github and they take care of hosting and relaunching of the pages.

    Marked as helpful
  • Frederico Borlido•310
    @fborlido
    Submitted over 3 years ago

    NFT View Component

    2
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Hey @fborlido We can't see your solution to fix that problem Try vercel, or netlify. They are user friendly: just push changes to github and they take care of hosting and relaunching of the pages.

  • William L Scafe•10
    @wlscafe
    Submitted over 3 years ago

    QR code component using SCSS

    2
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Hey @wlscafe We can't see your solution to fix that problem Try vercel, or netlify. They are user friendly: just push changes to github and they take care of hosting and relaunching of the pages.

  • Achmad Riyadi•70
    @AchmadRiyadi
    Submitted over 3 years ago

    Profile Card Using HTML and SCSS

    #sass/scss
    2
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    Hey men Good job working this challenge. You solutions looking very good to place the footer you can just use the margine property or give him positions absolut then change the placement where you want. Keep up with the good work

  • Ron Valiente•100
    @mochaaa18
    Submitted over 3 years ago

    HTML CSS (Flexbox, Responsive)

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    It's all good ,Your solution look the same as the challenge Just a little detail you can decrease the opacity and the with of the ligne in top of the stats Good job 👌 Keep up

  • clamonty•240
    @clamonty
    Submitted over 3 years ago

    Order Component

    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    To fix accessibility issues you need to wrap everything in main tag instead of using div, as div doesn't have any semantic meaning. Also, Frontend Mentor requires at least one h1 tag which isn't always possible in some components.

  • Melwyn•250
    @melwynt
    Submitted over 3 years ago

    QR Code Component Challenge using Flexbox

    #react#sass/scss
    1
    Abdellah el aajjouri•190
    @abdellahelaajjouri
    Posted over 3 years ago

    To fix accessibility issues you need to wrap everything in main tag instead of using div, as div doesn't have any semantic meaning. Also, Frontend Mentor requires at least one h1 tag which isn't always possible in some components.

    Marked as helpful
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

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