Skip to content
OverviewSolutions
31
Comments
9

Jose Antonio Sánchez

@crimson3d470 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Jose Antonio Sánchez•470
    @crimson3d

    GOOD JOB!

  • Dev Nerd•530
    @roobiwebdev
    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•470
    @crimson3d

    Good job

    Marked as helpful
  • Jose Antonio Sánchez•470
    @crimson3d

    Cool

  • Jose Antonio Sánchez•470
    @crimson3d

    Good job.

  • Jose Antonio Sánchez•470
    @crimson3d

    Cool!

  • P
    Achara Chisom Solomon•620
    @AcharaChisomSolomon
    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•470
    @crimson3d

    good job whit that code!

View more comments