Hi blair,
I created a replit with the challenge and you can access the code: https://replit.com/@sofianbettayeb1/TechnologicalExtraneousOpenlook?v=1
Let me know if it鈥檚 not clear.
But in short
Every team member card has an attribute to open a modal
<div class="team-member" onclick="openModal('member3')">
<img src="member3.png" alt="Member 3">
<h3>Member 3</h3>
</div>Then it run a function to open the right modal for the right person.
function openModal(memberId) {
const modal = document.getElementById('modal');
const details = document.getElementById('modal-details');
details.innerHTML = `
<h2>${teamMembers[memberId].name}</h2>
<h4>${teamMembers[memberId].role}</h4>
<p>${teamMembers[memberId].bio}</p>
`;
