Skip to content
OverviewSolutions
11
Comments
5
Lucky Avbunufe
@Stanmancer

All comments

  • Alejandro•430
    @adelayglesiafleitasSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I loved the project, I used React which is very flexible with the use of components.

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

    The challenge was to use components in the buttons to make the solution more dynamic.

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

    Any advice or improvement on the solution would be greatly appreciated.

    react,css

    1
    Lucky Avbunufe•190
    @StanmancerPosted 6 months ago

    Hello Alejandro,

    Good job on completing the challenge.

    One thing i noticed is that the selected tip does not reset when then reset button is clicked.

    I also noticed that the webpage assumes the mobile view when the viewport is anywhere below 1440px. so, check your code for responsiveness again.

    Good Luck. Happy Coding.

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

    This is my first time using the JSON file and making dynamic content in this project.

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

    Create dynamic content in the DOM. I searched videos and read some stuff on how to use JSON files.

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

    While designing the cards, I noticed the section's background color peeking through where the task info is the child element—making it visually like it has a border-bottom on the right and left. I need some feedback if there is a way to improve this.

    Time tracking dashboard using Grid Layout and JSON

    1
    Lucky Avbunufe•190
    @StanmancerPosted 7 months ago

    Instead of just copying the data.json contents into your main.js, you can import the data by using import

    syntax: import data from './data.json' assert { type: json }

    See resource: Import your JSON and CSS as ES Modules

    0
  • Lucky Avbunufe•190
    @StanmancerPosted 7 months ago

    Congratulations on completing the challenge. Well done 👏

    Looking at your work, here are some suggestions;

    • add a validation in your code to check if the email input is empty before allowing the form to submit and display the success message
    • Code your dismiss message button (on the success card) to reset the classes of your cont and card, so when it is clicked on, it'll return the form to the original state without having to refresh the entire page

    If this feedback was helpful to you, click on the 👍 MARK AS HELPFUL button. Thanks.

    Happy Coding.

    Stanmancer (►__◄)

    0
  • jmahamed•370
    @jmahamedSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    doing mobile first

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

    nothing

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

    none

    Article Preview Component

    1
    Lucky Avbunufe•190
    @StanmancerPosted 7 months ago

    Hello @jmahamed,

    Nice work on your solution 👍. A nice addition to your solution will be to make the share card go back to original display i.e. display: none; when the share button is clicked on again.

    Suggested Algo when button is clicked;

    is the share card already displayed ?
  Yes {
    Hide the share card
  }
  No {
    show the share card
  }
    0
  • R Hayes•240
    @ryanthayesSubmitted over 1 year ago

    I am not sure what is best practice for styling the individual testimonials sections. I chose to use "nth child" to select each and apply individual styles. Another approach could be individual utility classes for each. Which is the more standard approach?

    It was my first time using grids for a design. Being able to span content across multiple cells (name?) and being able to rearrange the order of content visually will be very useful.

    Testimonial section using CSS Grid

    2
    Lucky Avbunufe•190
    @StanmancerPosted over 1 year ago

    Hello, R. HAYES,

    I believe using individual classes for each card/section is a better option in the long run.

    You might want to rearrange the cards later on or redesign a specific card, instead of going back to the html and editing the position of each card, you could just target the specific card that needs repositioning and do your magic.

    1