Single price grid component -- Built using HTML & Tailwind CSS

Community feedback

• 

  raya•2,850

  @rayaattaPosted 10 months ago

  Hello 👋H4irram, congratulations on completing this challenge 🎉

  I have one suggestion to help improve your code.

  I noticed

  <div
               class="space-y-4 rounded-b-md bg-lightCyan p-6 text-[#fff] md:rounded-b-none md:rounded-br-md"
             >
  <div
               class="text- flex flex-col justify-between space-y-4 bg-cyan p-6 md:rounded-bl-md"
             >
  <div
               class="flex flex-col space-y-2 rounded-t-md bg-[#fff] px-6 py-8 sm:col-span-1 md:col-span-2 md:space-y-4"
             >
  

  Divs do not carry any semantic value and therefore their usage confuses assistive technology.

  It would be better if you replaced these with more Semantic alternatives like <article>.

  I hope this helps 🙃.

  I look like the fact that you made your html extremely semantic.

  Your solution is awesome 🤩

  0