All comments

• 

  David Bayode• 180

  @David4bay

  Submitted about 1 year ago

  

  Responsive Social Proof Section | ReactJS | Vite | Animated Cards

  #react#vite#animation

  1

  3

  0

  

  David Bayode• 180

  @David4bay

  Posted about 1 year ago

  ReactJS -
  
  Discovered a reusable heading variable that could be reused for different components, the prop 'headingLevel' could be assigned a value of '1-6' and also a default value of 1 to increase it's usefulness.
  
  const H = `h${headingLevel}`;
  
  

  This was a fun project to do, though I will update it in future to try to clear all or most of the landmark accessibility errors.

  0
• 

  David Bayode• 180

  @David4bay

  Submitted over 1 year ago

  This was very fun to do, the toggle functionality was the challenge as this was my first time, stackoverflow helped lead me in the right direction and I learnt about manipulating lists of elements with document.querySelectorAll('') through a for-loop.

  Added a little animation to make the cards more lively.

  

  Responsive Pricing Component (JS/SCSS/HTML)

  #accessibility#sass/scss#animation

  1

  3

  0

  

  David Bayode• 180

  @David4bay

  Posted over 1 year ago

  The font-sizes are hard to get right in comparison to the one on the screenshot. Added hover animations.

  0
• 

  David Bayode• 180

  @David4bay

  Submitted over 1 year ago

  I linked the full repo to netlify and since this is my first time doing this I want to know if the repo having screenshots while being put live is a good idea or if there's a way to separate unnecessary files from being bundled into the live site.

  

  Responsive solution to QR-Code Challenge

  #sass/scss

  2

  2

  0

  

  David Bayode• 180

  @David4bay

  Posted over 1 year ago

  For some reason the screenshot cuts the QR-Code in half, please view the project site to see the work in it's entirety.

  0