Jose Antonio Sánchez

Latest comments

• 

  P

  Dan Marius•1,225

  @danmlarsenSubmitted 8 months ago

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

  I appreciate any helpful feedback

  

  Mobile first with Vanilla JS & CSSGrid

  #bem

  1

  20
  

  Jose Antonio Sánchez•470

  @crimson3dPosted 6 months ago

  GOOD JOB!

  1
• 

  Dev Nerd•530

  @roobiwebdevSubmitted 8 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

  30
  

  Jose Antonio Sánchez•470

  @crimson3dPosted 7 months ago

  Good job

  Marked as helpful

  0
• 

  JokerSent31•60

  @JokerSent31Submitted 7 months ago

  

  Social Link HTML/CSS

  1

  10
  

  Jose Antonio Sánchez•470

  @crimson3dPosted 7 months ago

  Cool

  0
• 

  Job Onimisi Victor•220

  @praisevictorSubmitted 7 months ago

  

  Blog Preview Card

  1

  10
  

  Jose Antonio Sánchez•470

  @crimson3dPosted 7 months ago

  Good job.

  0
• 

  Guan Junming•20

  @guanjunmingSubmitted 7 months ago

  

  QR code component solution

  1

  40
  

  Jose Antonio Sánchez•470

  @crimson3dPosted 7 months ago

  Cool!

  0
• 

  Achara Chisom Solomon•490

  @AcharaChisomSolomonSubmitted 11 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

  20
  

  Jose Antonio Sánchez•470

  @crimson3dPosted 11 months ago

  good job whit that code!

  0