Я создал веб-страницу генератора случайных цитат как часть учебной программы freecodecamp и теперь загружаю файлы на github, чтобы они могли быть размещены там как их собственные веб-страницы. Страница прекрасно работает в codepen, но «кнопки» не работают, когда я загружаю страницу в github. Я не могу понять, почему. Буду признателен за любые отзывы и понимание этого вопроса! (Я совершенно новичок в веб-разработке и кодировании в целом, поэтому заранее прошу прощения, если это глупая / простая ошибка) Спасибо!
Я также не уверен, почему размер шрифта в версии github такой маленький: /
страница на codepen - https://codepen.io/armte312/pen/Qrvyjr
веб-страница github - https://armte.github.io/quotegen.github.io/
GitHub репо - https://github.com/armte/quotegen.github.io
код с вопросом:
<div class="button-row" id="button-row">
<a class="button tweet-quote" href="#" id="tweet-quote"><i class="fab fa-twitter-square"></i></a>
<a class="button new-quote-btn" href="#" id="new-quote-btn">New Quote</a>
</div><!--End of button-row !-->
Я пытался использовать свойство z-index, потому что я не был уверен, что какой-то другой элемент может быть "перед" тегами a, но это, похоже, не работает.
Также попробовал более обновленную версию начальной загрузки, но это тоже не имело значения.
Кнопка «новая цитата» (метка) должна реагировать на курсор, находящийся над ним, и когда он нажимается, но не выполняет ни одного ...