All comments

• 

  Md• 60

  @MDDiallo9

  Submitted 10 months ago

  I can't figure out keyboard controls yet unfortunately

  

  FAQ Accordion using React and Tailwind

  1

  30

  

  Aniket Botre• 130

  @Aniket200-ind

  Posted 10 months ago

  Great site there!! But I would like to suggest one thing, you can give a fixed height to the main FAQ container as the expansion of accordion is causing CLS problem.

  0
• 

  William Lowrimore• 40

  @wlowrimore

  Submitted 10 months ago

  The biggest hurdle I had in this challenge was the search component. Did anyone else (that used Next.js) run into the e.target.value issue where it called the API after every keystroke? I solved it with debounce. If any of you have a different solution, I would love to hear about it! Thanks!

  

  Next.js | Tailwind Solution for REST Countries API Challenge

  1

  70

  

  Aniket Botre• 130

  @Aniket200-ind

  Posted 10 months ago

  Great work with loading animation.. and the site is good. I am also developing same project in next and this is perfect for me to take inspiration from!!

  0

  This comment has received 1 replyShow
• 

  Devy• 210

  @defydef

  Submitted 10 months ago

  This is the solution for Dictionary web app challenge, using React and Tailwind CSS. Feel free to give your feedback, any feedback are welcome 😊

  

  Dictionary web app using React and Tailwind CSS

  2

  50

  

  Aniket Botre• 130

  @Aniket200-ind

  Posted 10 months ago

  Great site man, loved it!!

  0

  This comment has received 1 replyShow
• 

  Arshad Ali Kaldane• 650

  @IamArshadAli

  Submitted 10 months ago

  🙋‍♂️ Hello, Everyone,

  Here is my solution for the Time Tracking Dashboard.

  • Scored 94% on Google Pagespeed Insights! 🤩
  • Built with ReactJS | Designed with TailwindCSS 🛠️ | Mobile-First approach 📱
  • Utilized prettier-plugin-tailwindcss to auto-sort TailwindCSS classes 🎨
  • Implemented JavaScript's inbuilt fetch API to make calls to internal JSON data ⚙️
  • Utilized BEM principles to create a consistent structure of TailwindCSS classes
  • Minified the CSS files to improve site performance 🚀

  Learned one important thing when injecting SVG's through inline-CSS dynamically:

  • Sometimes your SVG will be inlined by React so you need quotes around it:

  backgroundImage: `url("${Background}")`
  

  • otherwise, it's invalid CSS and the browser dev tools will not show that you've set background-image at all.

  Reference: Mattia Righetti's answer on StackOverflow

  Do you know a better way to deal with using SVG's as a background image❔

  I'll be happy to hear them. 🤓

  Code Together | Learn Together | Grow Together
  

  

  Responsive Time Tracking Dashboard using ReactJS & TailwindCSS

  1

  40

  

  Aniket Botre• 130

  @Aniket200-ind

  Posted 10 months ago

  Great Work! Got inspired from your project and I am also doing this project using nextjs and tailwind. You have done it very well!!

  1

  This comment has received 1 replyShow
• 

  Lalithanjali-16• 100

  @Lalithanjali-16

  Submitted over 1 year ago

  

  3-column preview card component using HTML and CSS

  1

  40

  

  Aniket Botre• 130

  @Aniket200-ind

  Posted over 1 year ago

  You should give a try to make it responsive, as the content is overflowing on mobile view

  0