Using JavaScript to manipulate HTML DOM and populate content dynamically.
What specific areas of your project would you like help with?In this solution, I stored data in a JavaScript Array. I would like help with any function of fetching data from data.json to populate data dynamically using JavaScript.
Congrats on finishing this challenge, with fetching data in your data.json file you can still use fetch('data.json').
I'm proud of finding out how to style sign in lists and how to use pseudo elements.
What challenges did you encounter, and how did you overcome them?I haven't known how to style the left signs of lists, but I found out that I had to use pseudo-elements, as CSS doesn't allow changing their appearance.
What specific areas of your project would you like help with?I couldn't change some elements' opacity, even though I wrote '!important'; Can you help me?
Congrats on finishing this challenge, Great work! Restrain from using !important, instead I suggest you try CSS specificity method. I think it will also fix your opacity not working problem. Goodluck!
This second challenge is quite similar to the previous one but I'm so proud that I was able to this challenge in very short span of time compared to previous one.
What challenges did you encounter, and how did you overcome them?I had quite a bit of confusion when it comes to using proper semantic tags. I took my time to make it as appropriate and readable as I could.
What specific areas of your project would you like help with?I'm open to wise words that could help me improve my game, especially with semantics and responsivity of this webpage.
Congrats on finishing this challenge, you did great! But looking at the design I noticed your second <p> tag is darker than the design's, try giving it a more grayish color. Also, the user profile picture is larger than it should be try reducing the width. Try putting all your media queries at the bottom of your CSS file, it looks nice that way. Goodluck!
Congrats on finishing this challenge, you did great. But take a look at the design you would notice your own user image is larger, and the username and user location should have larger fonts. Try those and you are good to go. Goodluck!
Maybe i couldve done differently if i know the proper semantics
What challenges did you encounter, and how did you overcome them?I had a hard time following the guide sizes and colors, so i just use color picker and use those instead and used my own size where i think its more closer to the provided images
What specific areas of your project would you like help with?I do not know how to properly move the bullets and numbers to the left side and also the last part of the nutrition, i cant follow the image, so i just set them by margins and it still broke and isnt fully aligned
Congrats on finishing the challenge. For the bullets, try giving the li padding-left. For responsiveness, try giving the main a width 90% with margin 0 auto for the mobile screen, then give it a max-width of maybe 600px so it also looks good in desktop screen. For the last section where you used footer, use div and use footer for that class="attribution " that was initially there.
For your div class="nutrition" try giving it's children DIVs display flex(which you did) plus justify content so it aligns as the design is. Ask questions on google or even GPT to help out with what you could do.
Good Luck!
Congratulations on finishing this challenge. Looking at the design and your work, I noticed your user profile's width is larger try reducing the size, the username should be have a font size larger than the location. also do something about the background colors, I don't think they match that of the design. Goodluck!
Congratulations on finishing this challenge, you did great but for responsiveness, I don't think the advice container should have fixed width. I tried different screen sizes, it's the same size. Try using maybe width 90% with margin 0 auto for mobile screen, then a max width so it looks good in desktop view too. Good luck!
I am proud of myself for the improvement I am reaching getting just javascript is still giving me a hard time but I am trying as much as possible not to give up on it.
What challenges did you encounter, and how did you overcome them?The same thing is making the form interactive with some CSS and javascript interventions but I was able to overcome the challenge by looking out for solutions on how to fix the challenges I am facing with. That is how I fixed it.
What specific areas of your project would you like help with?I want help with JavaScript and a little bit of CSS on how to make projects more interactive. Any Feedback is welcomed
Hey congrats on finishing the challenge, but i think you submitted the wrong solution for this particular challenge. Well for the contact form you did, good job, but try making your solution look so close to the design, you will enjoy doing that. Ask questions on something you can't fully get on google or GPT. Good luck!
I'm proud that I managed to put something together that, at the very least, resembles what was provided.
I'm not sure about doing one specific thing differently, but this is making me realise that I probably need to go through a CSS course where I can review the core concepts from scratch, particularly regarding typography etc.
What challenges did you encounter, and how did you overcome them?I was very confused by how to implement the Figma design and what exactly the challenge was asking of me. There seemed to be specific PX sizes provided, but it also mentioned about having the font-size decrease in size based on screen size. I wasn't quite sure how to best approach this, but I put something together that seems to work.
What specific areas of your project would you like help with?I would like to understand better what the design was asking of me and how to implement that better in my code, particularly regarding typography.
Congratulations on your solution, nice work, everything looks great from my perspective. But I think the footer should be centered and try using rem for font sizes, 1 rem is equal to the default font size in the body, which is 16px, so with calculations you can get your desired font size. Overall, you did great, well done.
Congratulations on finishing this challenge but it doesn't actually look good in desktop view, try wrapping it all in a container then give it a width and max-width with margin: 0 auto. Also all your style should be external for CSS best practices, use inline styling only for specificity purpose or not. I think every repository needs a README.md.
I am proud of my growth with every challenge that I take on.
What challenges did you encounter, and how did you overcome them?I did struggle with making the site responsive but through watching tutorials and researching I was able to get to the solution.
What specific areas of your project would you like help with?Any feed back on standard HTML and CSS best practices.
Congratulations on finishing this challenge, great work on your solution. Everything is well structured and looks good. Nice one!
Congratulations on finishing this challenge, you did a great job. But if you look closely on the design you would notice the 'li' and their markers are far from each other, try giving the li padding-left. I recommend all your styles being in external files, inline style are needed for specificity. But overall you did great, Nice job
