Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Dylan 290

    @dquinn089

    Submitted

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

    With my recent experience in JavaScript and familiarity from past projects, I was able to quickly assemble the math logic for my calculator app. While I aim to improve my UI design process by learning front-end libraries like shadcn, I’m proud of how effectively I brought everything together using vanilla HTML and CSS. Despite a few minor imperfections, I’m happy with the result overall.

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

    One challenge I faced was getting the custom tip input to work correctly. Initially, when I entered a number in the custom input field, the tip amount always displayed as $0.00. The problem was that I mistakenly selected the entire element that wrapped the input, rather than the input field itself, in my JavaScript, so the value wasn't being read properly for the calculations. To fix this, I updated my code to correctly target the inside the `` and made sure the custom tip value was validated and applied in the calculations. Once I made this adjustment, the custom tip functionality worked as expected. I find most of my challenges end up being small mistakes that are like "A needle in a haystack" so to speak.

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

    I’d like guidance on improving my JavaScript workflow, particularly with handling form validation and user input, as I encountered issues with correctly accessing input values. Suggestions on structuring my projects more efficiently, especially when integrating JavaScript functionality with CSS would also be helpful.

    Rabel 190

    @Rabelahmed

    Posted

    congrats on completing the challenge

    0
  • Rabel 190

    @Rabelahmed

    Posted

    congrats on completing the challenge

    0
  • Rabel 190

    @Rabelahmed

    Posted

    congrats on completing the challenge

    0
  • Rabel 190

    @Rabelahmed

    Posted

    congrats

    0
  • Rabel 190

    @Rabelahmed

    Posted

    looks good

    0
  • Rabel 190

    @Rabelahmed

    Posted

    congrats on completing the challenge

    0
  • @R3Aria

    Submitted

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

    I can't seem to get it away from the top without using a margin/padding value, is there a way to do this with a flexbox?

    Rabel 190

    @Rabelahmed

    Posted

    On the body element for your solution and congrats on completing the challenge

    0
  • @R3Aria

    Submitted

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

    I can't seem to get it away from the top without using a margin/padding value, is there a way to do this with a flexbox?

    Rabel 190

    @Rabelahmed

    Posted

    display: flex; align-items: center; justify-content: center; min-height:100vh;

    Try this on the parent element of your card component

    Marked as helpful

    1
  • @pudding-shark

    Submitted

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

    I'm happy that I finally did a challenge

    I need to plan better and learn more about the fundamentals

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

    I struggled with centering the divs and the image and I did not know how to use margins and paddings

    I searched a lot of questions on google and learnt from them

    Once I was completey stuck and didn't understand why the image wasn't centered properly, I watched a video of the solution and this taught me about css variables and the max-width property, it also taught me why the align-item property wasn't working

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

    I did not really pay attention to the accessibility, and I would like to know how to make it accessible

    I want to know how to make my code more efficient or readable, or if there's some shortcuts and what are the best practices, should I use other units instead of px

    And how do I layout the html

    Rabel 190

    @Rabelahmed

    Posted

    Congratulations on completing your project. min-height:100vh; on body element to center your container horizontally and vertically also instead of using h3 use h1 skipping level is not semantic html if you need smaller font just change font size hope this helps

    2
  • P

    @jl-stephenson

    Submitted

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

    It was rewarding to learn more about, and implement, semantic HTML.

    More specifically, it was useful to wrestle with responsive images and be pushed to explore the picture element in HTML.

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

    A general challenge is knowing how closely to stick to the exact specifications of the design vs creating more readable code that deviates slightly.

    It required some thought (and research) to work out which text elements made sense to be in h tags.

    The CSS file is quite bloated. I'm keen to explore methodologies for making CSS more organised and readable, and avoiding repitition as much as possible.

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

    Any suggestions for improvements in HTML / CSS!

    Rabel 190

    @Rabelahmed

    Posted

    looks good

    0
  • Rabel 190

    @Rabelahmed

    Posted

    you should put all of your content in main or section element to separate it from the body element

    Marked as helpful

    1
  • @LuisaRami2018

    Submitted

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

    I decided to merge all the the platform projects into a single repository for better organization. Additionally, I implemented CSS concepts to establish the foundational design.

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

    I encountered a challenge on GitHub when trying to link the folder to a new repository. I had to delete the .git folder that was created in the original project, and then I was able to properly initialize the local folder with the repository.

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

    I would appreciate feedback on the HTML semantics, the CSS code, and suggestions for improvement.

    Rabel 190

    @Rabelahmed

    Posted

    maybe put list of links into an unordered list for better html semantics

    0