Skip to content
OverviewSolutions
11
Comments
11

Thomi Hawari

@thomi-h170 points

Chemistry graduates who is actively learning web development especially front-end side and really interested to build career in tech.

Latest solutions

View more solutions

Latest comments

  • P
    KrisvHeij•280
    @KrisvHeij
    What are you most proud of, and what would you do differently next time?

    The overall outcome of the project. I think it looks nice, is responsive on differetn screen sizes and the functionality is also there.

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

    I spent most of my time writing the JavaScript code, trying to figure out how to address various problems and going back and forth trying get things to work with trial and error.

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

    I'm open to all constructive feedback!

    Tip Calculator App

    1
    Thomi Hawari•170
    @thomi-h

    You did great with the project! I am sorry that I do not have anything to comment from your work. Great Job

  • P
    JiaHe35354•190
    @JiaHe35354
    What are you most proud of, and what would you do differently next time?

    I'm most proud of implementing event delegation to manage button interactions. Instead of attaching individual event listeners to each button, I used a single listener on a parent element to handle all button clicks. This approach not only reduced redundancy but also made the code cleaner and more maintainable, especially if new buttons are added dynamically in the future.

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

    One key challenge was making the height of the user board match the height of the other columns. Initially, I tried adjusting the vertical margins of child elements, but this approach didn’t produce consistent results. After consulting documentation and experimenting, I solved it by setting flex: 1 on the .user-info container. This allowed it to grow and fill the available vertical space without extra tweaks.

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

    I’d like to strengthen my skills in DOM manipulation, especially when it comes to dynamically selecting and updating elements efficiently. Although I made good progress in this project, I feel there’s more to learn about writing cleaner and more scalable interaction logic.

    Responsive page with vanilla JS

    1
    Thomi Hawari•170
    @thomi-h

    You really did a great work! your design is really look like the design given. I dont really have anything to say.

  • Knoweater•130
    @Knoweater
    What specific areas of your project would you like help with?

    I would like to get some websites recommendations that teach adaptive design. Also will work with DOM manipulation for JS as i find my current code for this solution ugly.

    Landing Form

    1
    Thomi Hawari•170
    @thomi-h

    The functionality works well. I guess you just missed litte things in the design like padding for the input, font sizing, and on mobile the website should take 100% view. Keep it up! practice makes perfect

  • Aria Rouzegar•200
    @Ariarzg
    What are you most proud of, and what would you do differently next time?

    After 3 months being away from HTML & CSS, it was very hard to start again. I couldn't write CSS fast like before, I couldn't do this simple project, and it was frustrating at first. but it came together at the end, and I believe it turned out good.

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

    I'm sorry to say this, but working with images are a pain in the A**. most of my time was spent fixing the problems that the image made them in the first place.

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

    I think my code needs so much refactoring, if you can help me to write it more cleanly, I would appreciate it! <3

    Article Preview Component

    1
    Thomi Hawari•170
    @thomi-h

    Looking great! I don't think we can refactor more of the code because it basically it. The result is good, keep up the good work!

  • P
    userMauro-code•120
    @userMauro-code
    What are you most proud of, and what would you do differently next time?

    Estoy orgulloso de dominar un poco CSS grid. lo que haría la próxima vez, seria a aprender a utilizar position

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

    El desafío que enfrente fue CSS grid. Este ejercicio fue un poco mas simple. así que no tuve muchos inconvenientes

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

    Por el momento seguir mejorando

    css grid, display flex

    1
    Thomi Hawari•170
    @thomi-h

    Looks great!, working as intended. But the text for name and position in the profile for Daniel testimonial should be indexed infront of the quote svg. Keep up the good work!

    Marked as helpful
  • P
    skhbabez•340
    @skhbabez
    What are you most proud of, and what would you do differently next time?

    I learned a lot more about how to utilize clamp functions and get my designs to look more appealing with it. I also got to finally use grid areas in a project, instead of doing everything with flex. Next time i will try to focus more on responsiveness for fonts and spacings instead of just getting the figma design exactly right.

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

    I actually had to do some research on how to stop the colored border from curving with my border radius. I found a clever solution on [stackoverflow]((https://stackoverflow.com/questions/57153309/how-to-prevent-single-sided-border-from-wrapping-around-border-radius), which I adjusted for this project.

    .card {
  border-top: 4px solid transparent;
  background: linear-gradient(
        var(--border-color, black),
        var(--border-color, black)
      )
      top/100% 4px border-box no-repeat,
    var(--white);
}

[data-card="1"] {
  grid-area: card1;
  --border-color: var(--cyan);
}
    What specific areas of your project would you like help with?

    I am especially interested on how others approached the layout change across devices and if there are other solutions than doing it with grid and media queries. I also welcome feedback on my general css structure, especially in terms of best practices.

    Four card feature section challenge utilizing grid

    1
    Thomi Hawari•170
    @thomi-h

    You really did a great job with this one. I didn't even think to use ul > li for the card. I guess it would be good for the SEO. For the linear line on the top of the card, my approach is a bit different. I make it using ::before element and set the position to be absolute, and adjust the height. Your solution gives me another way to use the linear gradient on css. Keep up the good work!

View more comments