improvement on learning new things
What challenges did you encounter, and how did you overcome them?styling of bullet points and numbers and style of nutrition table
What specific areas of your project would you like help with?probably another way or method to style the nutrition tableto style
Hi Abu,
Well done on completing this project. Concerning your styling of Tables, i noticed all the data in the calories column were boldened. Going forward, do consider structuring your code like this.
<table> <thead> <tr> <th>Calories</th> <th>270kcal</th> </tr> </thead> <tbody> <tr> <td>Carbs</td> <td>10mg</td> </tr> </tbody> </table> the table usually has a table head(where your column headings go) and the body(where the data goes). This ensures only the column headings are boldened and is more semantically pleasing. i have included a link to a Dave gray video on tables in html. I think this should help you get better at building and styling your tables in future.https://youtu.be/mJgBOIoGihA?t=8681
Good luck and keep going!
This is my first challenge after taking about 8 months break from web development learning because I switched into Cybersecurity. I still want to stay in Cybersecurity but as I am in the period of my school IT (6 months ),I am learning frontend. It took time for me to finish this challenge as I have forgotten most of the concept because it was Node.js, I stopped before the break.
What challenges did you encounter, and how did you overcome them?Hi Daya,
for flexbox, i suggest you visit flexboxfroggy.com . It's a great resource for learning flex box. i actually found it really useful when i began learning about the flex property.
Well done on the challenge though. Keep it up
Hi Kelly,
Great job completing this challenge. Congratulations. I went through your code and realized for your table, you put the headings in a normal <tr> and <td> tags. In future, do consider wrapping your table headings up in a <thead> tag to adhere more to html semantics since they are column names. something like this should work out nicely.
<thead> <tr> <th>Calories</th> <th>277kcal</th> </tr> </thead>Overall, well done and keep going!
Hello there,
Great job completing this challenge. I particularly loved the sizing on both large and small screens. I also loved the bit where the open faq is closed before clicked question opens. That's really cool. wish i had thought about that for my own submission. I did realize though that you can't close a question by clicking on the retract button after it has been opened. I suggest you include a condition in your loop function that checks if the faq is open so it closes and if closed, open. Keep going!
Proud of the organization of my CSS and the maintainability of it, keeping the sections of for each class separated. And the semantics of the HTML.
What challenges did you encounter, and how did you overcome them?Lots and lots of headbanging. wondering why my main content wouldn't center, playing around with the CSS.
And the semantics of the HTML. I finished it firstly on my own. and asked AI what was wrong with the semantics. I got lots wrong, but now i am left with more understanding on the why.
What specific areas of your project would you like help with?Im satisfied with the project. I think it doesn't need anymore tinkering and help. I just dont see any areas. its not perfect by any means but just good enough for me. but feedback is still appreciaited.
Hi there,
Congratulations on completing this project. I loved the transitions you included in your work. Concerning the issue of centering divs and stuff, it's a classic struggle for all of us beginners. I'll advise that you familiarize yourself with flex box and grid system. Honestly, it will save you a ton. I recommend using flexbox froggy to help you in this regard. This is the link. flexboxfroggy.com Do look it up and try your hands at it.
Great job and keep going!
i gotta practice flexbox more, and grid. and i have to get used of media queries in case if i didnt use a flexbox display it was fun, i first completely did write it myself
What challenges did you encounter, and how did you overcome them?only one place i had problem which was social links. i did put down a main div, then 5 divs and inside each these 5 div's i did put a or link, which was wrong, last i asked chat gpt to tell me where i did wrong and ai said that u should do nav -> a not like that im learning this is finished one, and the animations like transform box shadow and transition i did them myself no help of ai, it took me 1hour 45 min which is a lot, and i try my best to reduce this time <3
What specific areas of your project would you like help with?rn nothing, but i gotta go watch some youtube about where nav, section and div get used. <3
Hey man, good job on this one! I am glad you stated in your feedback that you kept exploring different ways of doing the links with chatgpt too. In future, you can also include just the links with the anchor tag<a href=""></a> and style them by giving it padding on the top, bottom, left and right. You would still be able to give it a background color upon hovering over it with the cursor too.
Overall, great work! Keep going.
