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

FrontendDev

@Ali-Learner60 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

  • Four Priview Card Page using HTML and CSS


    FrontendDev•60
    Submitted 5 months ago

    CSS Optimization and Responsiveness for all widths not just Desktop/Mobile


    1 comment
  • Product Preview Card using HTML, CSS, and Bootstrap


    FrontendDev•60
    Submitted 5 months ago

    CSS optimization


    1 comment
  • Blog Card Preview using HTML and CSS


    FrontendDev•60
    Submitted 5 months ago

    CSS optimization is the main challenge I encounter


    1 comment
  • Social Profile page using HTML, CSS and a little bit Bootstrap


    FrontendDev•60
    Submitted 5 months ago

    CSS Optimization (btw I set my repos to private, so they may not be accessible)


    1 comment
  • Recipe Page using HTML and CSS


    FrontendDev•60
    Submitted 5 months ago

    CSS Optimization


    1 comment
  • QR page using basic HTML and CSS


    FrontendDev•60
    Submitted 6 months ago

    How to perfectly center a div using only html and css nothing advanced?


    1 comment

Latest comments

  • praises1•80
    @praises1
    Submitted 5 months ago
    What specific areas of your project would you like help with?

    I'm happy to receive feedback on how to further improve my work :)

    Four Card Feature Section (responsive)

    1
    FrontendDev•60
    @Ali-Learner
    Posted 5 months ago

    Looks pretty good :) Just a little bit big(not a big of a deal) but every thing is fine great

  • Junior Godoy Ortega•130
    @JuniorGodoyOrtega
    Submitted 6 months ago

    Responsive Product Preview Card Component with Flexbox

    1
    FrontendDev•60
    @Ali-Learner
    Posted 5 months ago

    One of the best and similar designs I have ever seen, keep up the great work

  • MO•80
    @michaelola0
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am excited about this development.

    Recipe page (responsive development)

    1
    FrontendDev•60
    @Ali-Learner
    Posted 5 months ago

    nice design, looks pretty good

  • emiwoo•80
    @emiwoo
    Submitted 5 months ago

    Social card links

    1
    FrontendDev•60
    @Ali-Learner
    Posted 5 months ago

    nice design, looks pretty good

  • emiwoo•80
    @emiwoo
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I learned how to use rem a lot in this case and more about padding and margins. In my previous example, I used a lot of px when I think rem is better for consistency.

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

    I struggled with alignment and padding, but I overcame them by trying and trying again.

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

    I would like more help with media queries, since I built it first from a mobile design, but couldn't quite get the same look when I switched to desktop.

    Blog card

    1
    FrontendDev•60
    @Ali-Learner
    Posted 5 months ago

    The design looks pretty good, but I think the image width should be set to 100% (relative to the parent element) to remove any sort of misalignment

  • s•30
    @saramakawi
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how I approached this challenge. I tend to throw myself in there with no plan. This time I planned it and approached it in three parts: structure, format, and style.

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

    My biggest challenge was the formatting. It was getting the body to fill up the whole page, getting the QR code component to center the page, and not making the page too responsive, in which the QR component would shift and change sizes.

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

    I would like to know how I can optimize what I've written further, and how I can make my code more efficient and readable.

    QR Code Compenent using Flexbox

    1
    FrontendDev•60
    @Ali-Learner
    Posted 5 months ago

    The design looks pretty good, but the repo is not accessible, I guess you have made it private as well (like me :))

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