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

Karim Hussein

@karim-abd-hussein270 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!

I’m currently learning...

Html , css and java script

Latest solutions

  • advice generator


    Karim Hussein•270
    Submitted 8 months ago

    an amazing clean code just review my code


    1 comment
  • Product list with carts


    Karim Hussein•270
    Submitted 8 months ago

    if anyone how know more clean code and logic feel fee to give me some feedback that will make me happy


    1 comment
  • article component


    Karim Hussein•270
    Submitted 8 months ago

    some feedback it will by usefull for me


    0 comments
  • ping coming soon page


    Karim Hussein•270
    Submitted 8 months ago

    how to get perfect valid email


    0 comments
  • intro signup form


    Karim Hussein•270
    Submitted 9 months ago

    here the code that I have use for javascript but I'm not sure if that clean and perfect code **maybe some feedback or tips to follow **

    js file

    const inputFiled=document.getElementsByTagName("input");
    const warningElements=document.getElementsByClassName("warning");
    const submitInput=document.querySelector("input[type='submit']");
    
    
    // this will listen for all warning that has clicked 
    // and returned to default
    for (let i = 0; i < warningElements.length; i++) {
       const element = warningElements[i]; 
    
       element.addEventListener('click',() =>{
          element.style.display="none";
          inputFiled[i].style.display="block";
    
    
       })
       
    }
    
    function checkEmptyFiled(e){
    
      for (let i = 0; i < inputFiled.length-1; i++) {
       const element = inputFiled[i];
    
       if(element.value===''){
       e.preventDefault();
          element.style.display="none";
          warningElements[i].style.display="flex";
       }
    
    }  
    
    }
    
    submitInput.addEventListener('click',function(e) {
       checkEmptyFiled(e);
    
    });```
    

    1 comment
  • FAQ accordion


    Karim Hussein•270
    Submitted 9 months ago

    I'm just need some feedback in js file to make as clean code please review my code and send me tips


    0 comments
View more solutions

Latest comments

  • Karim Hussein•270
    @karim-abd-hussein
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    how to make the bullet on the background

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

    some feedback after review my code and how to fix the background in the best code

    profile card

    2
    Karim Hussein•270
    @karim-abd-hussein
    Posted 9 months ago

    thanks for your tips

  • Karim Hussein•270
    @karim-abd-hussein
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    just some feedback for current project

    order summary

    2
    Karim Hussein•270
    @karim-abd-hussein
    Posted 9 months ago

    thanks a lot ,I loved your tips

  • Jyoti Bhandari•220
    @Jyoti-Bhandari
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    Happy for the all kinds of feedback

    Responsive order summary component

    1
    Karim Hussein•270
    @karim-abd-hussein
    Posted 9 months ago

    you have write an awsome code but here some tip: 1-using main is better than div in container . 2-just start with mobile design to get more controle of your design .

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