Ilham Bouktir

Latest comments

• 

  Kofi Baafi Kwatia•400

  @WesSnoSubmitted 8 days ago

  What are you most proud of, and what would you do differently next time?

  Well, the project really took a long time. I am just proud I did not give it up.

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

  My challenge was recreating a radio button to resemble the one in the design image provided by the challenge. I had to do a lot of digging around online to find the solution.

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

  All helpful feedback are welcome 😁.

  

  Mobile-Contact-Form

  1

  10
  

  Ilham Bouktir•500

  @ilham-boukPosted 8 days ago

  The page looks good and the code is organized and clear, I just notice that you don't add the success message, and for the readme file delete it and rename the README-template.md file to README.md.

  Good solution for this challenge.

  0
• 

  Annalyza106•170

  @Annalyza106Submitted about 1 month ago

  What are you most proud of, and what would you do differently next time?

  Interactivity and responsiveness

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

  Positioning the Share pop-up in Desktop view was really tedious

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

  Unfortunately I just can't seem to get the share popup styled right for the mobile view. Any advice on that would be greatly appreciated.

  

  Article Preview Component using JavaScript

  #pure-css

  1

  30
  

  Ilham Bouktir•500

  @ilham-boukPosted about 1 month ago

  Good solution for this challenge.

  0
• 

  saccoViola•90

  @saccoViolaSubmitted about 2 months ago

  

  Responsive contact form

  #accessibility#animation#lighthouse#van-js

  2

  20
  

  Ilham Bouktir•500

  @ilham-boukPosted about 1 month ago

  Good solution for this challenge.

  0
• 

  Ibrahim Morad•380

  @IbrahimMuradSubmitted about 1 month ago

  

  Contact form

  #accessibility#sass/scss

  1

  20
  

  Ilham Bouktir•500

  @ilham-boukPosted about 1 month ago

  The page looks good and the code is organized and clear, great solution for this challenge.

  1
• 

  P

  Josh Kahlbaugh•430

  @Joshk7Submitted 2 months ago

  What are you most proud of, and what would you do differently next time?

  I liked the fact that I didn't have to use any JavaScript for this challenge.

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

  A big challenge that I cam across was trying to implement logic to conditionally display an accordion item's description based on if it was selected.

  I came up with this:

  .item__label:has(.radio:checked) + .item__description {
      margin-top: 1.5rem;
      max-height: 6.25rem; /* Adjust as needed */
      transition: 350ms;
  }
  

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

  Specifically, I'd like help with transitions between open an closed states of the accordion items:

  .item__description {
      max-height: 0;
      overflow: hidden;
      transition: 350ms;
      font: normal 0.875rem/1.5 "Work Sans";
      color: var(--pale-purple);
  }
  
  .item__label:has(.radio:checked) + .item__description {
      margin-top: 1.5rem;
      max-height: 6.25rem; /* Adjust as needed */
      transition: 350ms;
  }
  

  

  FAQ accordion with Accessible Radio Buttons 👀

  #pure-css

  1

  10
  

  Ilham Bouktir•500

  @ilham-boukPosted about 2 months ago

  The page looks good and the code is organized and clear, nice job!

  0
• 

  Gabriel Barimboim•210

  @Gbw699Submitted about 2 months ago

  

  Interactive rating components created with Angular 18 and Sass

  #angular#sass/scss#accessibility

  1

  00
  

  Ilham Bouktir•500

  @ilham-boukPosted about 2 months ago

  Good solution for this challenge.

  1