/* left snack bar */ <div class="flex justify-around items-center pd-3 position-fixed bottom-5 left-5 rounded-s bg-green-8 text-color-grey-0 gap-1"> <span>Can't send photo.Retry in 5 second.</span> <button class="bg-none text-color-grey-0 text-s" id="toast_left"> <i class="fas fa-times-circle"></i> </button> </div> /* center sanckbar*/ <div class="flex justify-around items-center pd-3 gap-1 position-fixed bottom-5 left-40 rounded-s bg-green-8 text-color-grey-0 "> <span>Can't send photo.Retry in 5 second</span> <button class="bg-none text-color-grey-0 text-s" id="toast_center"> <i class="fas fa-times-circle"></i> </button> </div> /* right snackbar*/ <div class="flex justify-around items-center pd-3 position-fixed rounded-s bottom-5 right-5 bg-green-8 text-color-grey-0 gap-1"> <span>Can't send photo.Retry in 5 second</span> <button class="bg-none text-color-grey-0 text-s" id="right_center"> <i class="fas fa-times-circle"></i> </button> </div>