JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<body><svg class="hide" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;}</style><style>.cls-1{fill:#a6a5a5;}.cls-2{fill:#2f2f2f;}</style><style>.cls-1{fill:#333;}</style><style>.cls-1{fill:#333;}</style><style>.cls-1{fill:#a6a5a5;}.cls-2{fill:#2f2f2f;}</style><style>.cls-1{fill:#fff;}</style><style>.cls-1{fill:#00a8f2;}</style><style>.cls-1{fill:#a6a5a5;}.cls-2{fill:#2f2f2f;}</style><style>.cls-1{fill:#333;}</style><style>.cls-1{fill:#fff;}</style><style>.cls-1{fill:#a6a5a5;}.cls-2{fill:#2f2f2f;}</style><style>.cls-1{fill:#00a8f2;}</style><style>.cls-1{fill:#00a8f2;}</style></defs><symbol viewBox="0 0 100 100" id="arrow-right-icon"><path class="cls-1" d="M47.46,20.35l27.91,28a2.36,2.36,0,0,1,0,3.39l-27.91,28a2.41,2.41,0,0,1-3.43,0l-6.22-6.25a2.36,2.36,0,0,1,0-3.39l20-20-20-20a2.36,2.36,0,0,1,0-3.39L44,20.35a2.41,2.41,0,0,1,3.43,0Z"></path></symbol><symbol viewBox="0 0 512 512" id="bookmark-icon"> <path d="M354.8,113.3c2.9,0,5.7,0.6,8.3,1.7c4,1.5,7.5,4.2,9.9,7.7c2.4,3.4,3.7,7.5,3.7,11.7v243.1c0,4.2-1.3,8.3-3.7,11.7
	c-4.2,5.9-11,9.4-18.2,9.2c-5.8,0.1-11.4-2.1-15.6-6l-83.2-80l-83.2,80c-4.2,4-9.8,6.3-15.6,6.2c-2.9,0-5.7-0.6-8.3-1.7
	c-4-1.5-7.4-4.2-9.9-7.7c-2.4-3.4-3.7-7.5-3.7-11.7V134.4c0-4.2,1.3-8.3,3.7-11.7c2.5-3.5,5.9-6.2,9.9-7.7c2.6-1.1,5.5-1.7,8.3-1.7
	L354.8,113.3z"></path> </symbol><symbol viewBox="0 0 488.152 488.152" id="calendar-icon"> <g> <g> <path d="M177.854,269.311c0-6.115-4.96-11.069-11.08-11.069h-38.665c-6.113,0-11.074,4.954-11.074,11.069v38.66
			c0,6.123,4.961,11.079,11.074,11.079h38.665c6.12,0,11.08-4.956,11.08-11.079V269.311L177.854,269.311z"></path> <path d="M274.483,269.311c0-6.115-4.961-11.069-11.069-11.069h-38.67c-6.113,0-11.074,4.954-11.074,11.069v38.66
			c0,6.123,4.961,11.079,11.074,11.079h38.67c6.108,0,11.069-4.956,11.069-11.079V269.311z"></path> <path...