Skip to content
OverviewSolutions
30
Comments
9
Jose Antonio Sánchez
@crimson3d

All comments

  • Jose Antonio Sánchez•430
    @crimson3dPosted about 1 month ago

    GOOD JOB!

    1
  • roobiwebdev•530
    @roobiwebdevSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    working with the footer section mean the table

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

    working with table and making it similar to design and i did it by using

    Responsive Recipe Landing Page using css

    1
    Jose Antonio Sánchez•430
    @crimson3dPosted 3 months ago

    Good job

    Marked as helpful
    0
  • Jose Antonio Sánchez•430
    @crimson3dPosted 3 months ago

    Cool

    0
  • Jose Antonio Sánchez•430
    @crimson3dPosted 3 months ago

    Good job.

    0
  • Jose Antonio Sánchez•430
    @crimson3dPosted 3 months ago

    Cool!

    0
  • Achara Chisom Solomon•490
    @AcharaChisomSolomonSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    proud of how I utilized the 'data-' attribute

    in CSS =>

    #main .daily,
#main .weekly,
#main .monthly {
    display: none;
}
#main[data-theme='daily'] .daily,
#main[data-theme='weekly'] .weekly,
#main[data-theme='monthly'] .monthly{
    display: flex;
}

    in javascript =>

    function changeToTheme(btn) {
    const btns = [dayBtn, weekBtn, monthBtn];

    for (const btn of btns) { 
        btn.classList.remove('active');
    }

    btn.classList.add('active');
    main.dataset.theme = btn.id;
}

dayBtn.addEventListener('click', () => { 
    changeToTheme(dayBtn);
});

weekBtn.addEventListener('click', () => { 
    changeToTheme(weekBtn);
});

monthBtn.addEventListener('click', () => {
    changeToTheme(monthBtn);
 });

    in HTML

                   
                    ${item.timeframes.weekly.current}hrs
                    Last Week - ${item.timeframes.weekly.previous}hrs
                
                
                    ${item.timeframes.daily.current}hrs
                    Yesterday - ${item.timeframes.daily.previous}hrs
                
                
                    ${item.timeframes.monthly.current}hrs
                    Last Month - ${item.timeframes.monthly.previous}hrs
    What challenges did you encounter, and how did you overcome them?

    working with the 'data-' attributes was a little confusing, loads of googling helped

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

    None for now. But any feedback is welcome, Thanks!!!!

    Time Tracking Dashboard using CSS FlexBox and Grid

    1
    Jose Antonio Sánchez•430
    @crimson3dPosted 7 months ago

    good job whit that code!

    0
  • Jose Antonio Sánchez•430
    @crimson3dPosted 7 months ago

    Good job!

    0
  • Jose Antonio Sánchez•430
    @crimson3dPosted 7 months ago

    You can adjust the size on desktop to make it look better.

    0
  • Jose Antonio Sánchez•430
    @crimson3dPosted 9 months ago

    Thank you very much for your feedback!!! Your comments have been very helpful for some of the problems I encountered when making this design, thanks again ❤️

    1