I'm trying to achieve a layout where the comment's text appears underneath the user image, similar to this example: https://i.sstatic.net/8unS5UTK.png
However, my current output shows the comment's text next to the user image instead of below it. What could be causing this issue? Did I miss something in my approach?
document.addEventListener("DOMContentLoaded", function() {
addDefaultComment(); // Add a default comment when the page loads
keepDropdownOpen(); // Keep the dropdown open by default
});
function toggleDropdown() {
const dropdownContent = document.getElementById("dropdownContent");
dropdownContent.classList.toggle("show");
}
// More JavaScript functions and code here