Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
39
Comments
17
Azzam Al Kahil
@AZZAM-K

All comments

  • andrean-sihombing•350
    @imandreans
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that finally understand how to use SCSS and would like to utilize its syntax more.

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

    it's hard to build the navbar and it's active state. So, I ask for AI claude for helps. I try to analyze and modify the code to understand it better.

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

    I want to learn more about how to write SCSS effectively and efficiently.

    Loopstudios Landing Page with SCSS

    #sass/scss
    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    Good solution.

  • KamronbekBotirjonov•240
    @KamronbekBotirjonov
    Submitted 12 months ago

    NFT preview card component

    2
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    Good solution.

  • Dimitrios Dristellas•670
    @dimitrisdr
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    This project made me reconsider a lot of things in so many ways. I think that I am starting writing my code in a more efficient way. It was the first time that I tried to break my code into a lot of reusable parts.

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

    The lightbox is something that i got struggled with. I tried to make it fit to different sizes by using some media queries and also prevent it from being displayed in smaller screens by using javascript.

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

    I am not sure about the html structure of the lightbox. Also i don't know how to fit it correctly in smaller screen heights.

    E commerce product page

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    Good solution.

  • Joel Guzman•270
    @jolman009
    Submitted 10 months ago

    Contact Form Main w/html,css,js

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution

  • Joel Guzman•270
    @jolman009
    Submitted 10 months ago

    FAQ Accordion Main w/html,css,js

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution.

  • Joel Guzman•270
    @jolman009
    Submitted 10 months ago

    Interactive Rating Component w/html,css,js

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    Good solution.

  • Mesroua Djamel•430
    @MesrouaDjamel
    Submitted 10 months ago

    Responsive tip calculator app using flexbox

    #react#tailwind-css
    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution but it should be 3 columns in the select tips grid and the font size of the amounts in the right should be larger.

    Marked as helpful
  • M0stafa123•490
    @M0stafa123
    Submitted over 1 year ago

    time-tracking-dashboard Tailwind-css Typescript

    #tailwind-css#typescript#fetch
    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution

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

    My understanding of dom manipulation has increased after doing this, such as entering email values ​​into success cards and also how to create validation email forms

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

    how to efficiently using css styling, there are still lots of redundant styling in my css file. also the validation email was quite difficult, still wanna learn how to validate input email using regex not just using build in function like checkValidity().

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

    n/a.

    Basic DOM manipulation for creating simple newsletter form

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution

  • AnDev•540
    @AnDevM
    Submitted 10 months ago

    Article preview component

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution

  • persanu13•120
    @persanu13
    Submitted 10 months ago

    grid

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    I did the same thing but instead of making a grid of 4 rows 4 columns I made it 3 rows and 4 columns and the two cards of jeanette and patrick are not in the correct place, do you know why?

  • persanu13•120
    @persanu13
    Submitted 10 months ago

    Grid, flex-box

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    very good solution

  • persanu13•120
    @persanu13
    Submitted 10 months ago

    scss

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    perfect solution

  • anthony•170
    @Codingtry123
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    be careful with calculation of size of box element note it down if necessary

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

    I set the image to be larger than I am supposed, which makes it hard to centred img horizontally. I found the issue by clearing all other element in addition to img.

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

    how do I design the layout of website when the browser's height decrease to certain degree.

    responsive recipe page using html and css

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution

  • abdumehammed•40
    @abdumehammed
    Submitted 10 months ago
    What challenges did you encounter, and how did you overcome them?

    i was having a difficulty in applying css styles like inheritance and child properties

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

    layouts

    responsive social link profile page

    1
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    good solution

  • SemahCODE•20
    @SemahCODE
    Submitted 10 months ago

    Blog Preview Card

    2
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    .

  • Ayomide Akinbile•50
    @ayomixx
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the fact that i was able to replicate the QR code design in less than one hour, which made me notice that my speed is a little faster than before.

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

    The only major challenge I encountered was how to make the text appear like it's fading or disappearing, and i was able to overcome it by learning about the Opacity property in CSS.

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

    This project was pretty simple, so I don't think I need help with any specific area of the project.

    QR code using HTML and CSS

    2
    Azzam Al Kahil•310
    @AZZAM-K
    Posted 10 months ago

    differ in some sizes

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