Skip to content
OverviewSolutions
18
Comments
10
Chard Largodizimo
@chardlargodizimo

All comments

  • Joseph Reyes•440
    @JreyIVSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud of using vanilla javascript to make this website work

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

    It was hard for me to remember how to work with json files and fetch the data and display it based on the specific time period. I had to use google to find out but I only used enough to remember how to do certain things. I'm sure with more practice I won't need to look up stuff like that.

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

    Any redundancies? Was my way of doing it effective or is there a better, cleaner way to do it?

    Time Tracking Dashboard

    1
    Chard Largodizimo•270
    @chardlargodizimoPosted 7 months ago

    Great job! Keep coding.

    0
  • Chard Largodizimo•270
    @chardlargodizimoPosted 7 months ago

    Great job in finishing the project. Here are a few pointers to help you:

    1. Read more about semantic HTML.

    2. I think you need to center the form.

    You can add these on the body tag. display: grid; min-height: 100vh; place-items: center;

    0
  • Chard Largodizimo•270
    @chardlargodizimoPosted 7 months ago

    Great job! Keep coding.

    0
  • Ashong•930
    @AshongAbdallah06Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Not the best, yeah. But I wish I could have done better.

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

    Making the layout responsive was the biggest issue.

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

    With the responsiveness of the project, any suggestions would be appreciated. It was very tricky, but I tried my best to complete it.

    Testimonials Grid Section

    1
    Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    I noticed that you used display: flex on this challenge. I have nothing against the layout you've used on this but as a suggestion use the display: grid for this project. You can check Kevin Powell's videos for the grid layout he has many great videos explaining the grid layout, they are easy to understand. I hope this helps. Overall you did a great job using the flexbox for finishing the project.

    0
  • Chard Largodizimo•270
    @chardlargodizimoSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Using the picture element so it can dynamically change the embedded picture based on what you define on the screen size.

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

    Searching on how to use the picture element.

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

    Writing clean code.

    Responsive Product Component

    2
    Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    Thank you so much.

    0
  • Charlie•300
    @XarlizardSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    It turned out better than expected 😄

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

    Desktop version seemed tricky but the two inner cards contained within a worked out just right

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

    .

    Responsive landing page using CSS Flex

    1
    Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    Nice one. Keep coding!

    Marked as helpful
    1
  • madjacky•80
    @madjackySubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    modern css

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

    container queries

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

    nothing

    Product preview card component

    1
    Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    Great project!

    0
  • Quân•120
    @Kwun7826Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Need more practicing !!

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

    The challenge i faced was how to style the dot and number of ul (li) element I put span element to style it

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

    If u have a better way to style the dot, number of ul, li tag, please let me know. For some reasons, the image doesn't appear on the github site, but i appears on my web browser, thanks for reading !

    My Recipe Card

    1
    Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    Great project! Hope you consider my suggestions:

    1. You can set the image max-width: 100% so that it takes up the whole width and also can shrink based on the screen size.
    2. You can use the different combinators for the border part in NUTRITION section. MDN web docs is a great help.

    Overall great job.

    Marked as helpful
    1
  • Driss Bouadoud•100
    @DrissssirDSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    In this challenge I felt learning more and establishing my skills in HTML,CSS

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

    I forgot hot to fix the footer at the bottom of the page so it was all the time in the middle of the screen

    HTML,CSS,VS

    1
    Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    Hello, code (good) evening! The layout looks good in a different range of screen sizes. Just a suggestion maybe you can learn more about writing in semantic HTML to help in accessibility. Overall you did a great job. Keep coding.

    1
  • Chard Largodizimo•270
    @chardlargodizimoPosted 8 months ago

    The code is well-structured. Maybe you can group the h1 and p tags in the main tag for a semantic HTML. But overall it is great. Keep coding.

    0