Responsive and interactive layout using SCSS, css grid and vanilla js

I've decided to add a modal using new dialog element in HTML that will provide all the time data for choosen activity. You can open modal my clicking triple dot icon on each of the card. I've chosen dialog element as it provides much better accessibility and is easier to set up than standard, old way of creating modal element. Had issues with importing a font, thats why its just sans serif- but this seems to be a constant issue of mine on all of the challanges.