flash cards resizing Jul 20, 2021 By Thibault Jeuland Hello I really love the flashcard block. The only probleme is that they look really ovesized in the course when there's only 1 or 2 of them (image 1). Is it possible to make them the same size as when there're 3 (image 2)? Thanks image_1.png image_2.png
Thibault Jeuland Author over 2 years ago07/28/21 at 8:15 am (UTC) I found the answer I was looking for... After publishing, you can add some css style to the index.html file Unzip the exported course and in the "scormcontent" folder, open "index.html" in a code editing software (it works fine with notepad) In the top region, you'll find a <style> tag. Add the following code after the <style> tag and before the </style> tag. @media (max-width: 150em) { .block-flashcard--medium { max-width: 350px; max-height: 350px; }} Save the index.html file. Rezip the files Capture_d_écran_2021-07-28_101419.png
2 Replies
+1
I found the answer I was looking for... After publishing, you can add some css style to the index.html file
@media (max-width: 150em) {.block-flashcard--medium {
max-width: 350px;
max-height: 350px;
}
}