Skip to content
OverviewSolutions
10
Comments
11
Kapkrazy
@Kapkrazy

All comments

  • JamesYcode•140
    @JamesYcodeSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the styles that matched closely with the wireframe. I would use less and more neater code for styling.

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

    Since using React for long time I had forgotten to manipulate the DOM with pure JavaScript and was stuck for a few minutes. I had to research the basics again on manipulating the DOM with vanilla JS and came with a solution. I then looked at others solution to see how they approached the problem and found more suitable, cleaner solutions. Gaining extensive tips and knowledge from others has helped me and reminded of vanilla JS DOM manipulation.

    Time tracking dashboard

    1
    Kapkrazy•190
    @KapkrazyPosted 3 months ago

    nice work. The CSS does need a bit of work. I also struggled quite a bit with the the sizes and spacing of things. The JS works as intended. No problem there. Maybe get the buttons to hold start depending on whichever one is active.

    0
  • andrean-sihombing•350
    @imandreansSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I can code javascript DOM easily. I would like to make my current code shorter.

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

    There are a lot of challenge on how to implement interactive button and input. However, thanks to internet and stack overflow I can manage it.

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

    I would like to learn more about designing button animation and more on clean code in javascript DOM

    Responsive and Newsletter sign up with Javascript DOM

    1
    Kapkrazy•190
    @KapkrazyPosted 3 months ago

    Wonderful work. If you can help. I don't know if you have the premium plan open but how do you get the spacing and sizes correct?

    0
  • Kapkrazy•190
    @KapkrazyPosted 4 months ago

    Nice work. The 2 designs are almost 1 to 1. maybe add a hover effect on the button and change the cursor to pointer when its on the button.

    0
  • Kapkrazy•190
    @KapkrazyPosted 4 months ago

    Great work. 1 minor issue with the 1st paragraphs in your cards. The font size is too small.

    0
  • Kapkrazy•190
    @KapkrazyPosted 4 months ago

    nice man.

    Marked as helpful
    0
  • Kapkrazy•190
    @KapkrazyPosted 4 months ago

    you linked your css incorrectly. should be '/styles.css' instead of 'css/styles.css'

    0
  • Kapkrazy•190
    @KapkrazyPosted 4 months ago

    Looks good.👌

    1
  • John Paul Tropa•40
    @Paul-wackdevSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Doing it faster compared to the previous challenges

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

    The unorder list and ordered list bullet design is different compared to the one that is built in the CSS style, I used a custom one that matches the design given by using the ::before element and adding a custom text

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

    same as the previous challenges is there any part of my code that can be done easier or to make coding more faster

    Responsive Recipe Page using flexbox

    1
    Kapkrazy•190
    @KapkrazyPosted 4 months ago

    I think you might've forgotten the responsiveness for this challenge as the design only caters to the larger screen design. There's some margin missing as well. Maybe if you could look at a different solution it might help.

    PS not my solution because I struggled as well 😂

    0
  • cinquante six•140
    @CinquantesixSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I tried to take the comments on my last challenges do to a better solution for this one.

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

    Don't really encounter difficulties for this one.

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

    I don't really understand the need about have larger buttons for the tablet view. I tried to not add size so it will be more responsive and I don't know why but add these sizes make me really uncomfortable. Maybe someone have a better solution to do this kind of tricks?

    Social Links Profile

    1
    Kapkrazy•190
    @KapkrazyPosted 4 months ago

    Great work. I think the buttons are big because in these beginner projects there's no need for responsiveness, so it all just fits all screen sizes.

    0
  • Niels•140
    @nielsfechtelSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Working with clamp() and max() in CSS.

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

    Weird sizing when content wasn't big enough for the card, indeed that's called overflow, but clamp() helped with that.

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

    If I could simplify the css and/or html still.

    Blog preview card

    1
    Kapkrazy•190
    @KapkrazyPosted 4 months ago

    I suggest using a drop shadow for the shadow effect "filter: drop-shadow(10px 10px);" something like this on the tag that wraps your card.

    Marked as helpful
    1
  • Kapkrazy•190
    @KapkrazyPosted 4 months ago

    seems like there's an issue with your styles not being linked correctly or not being in the same file as your html. I faced an issue as well when my files were no in the same directory and it got messed up. Try Getting the css doc linked correctly and maybe avoid inline styles for now.

    Marked as helpful
    1