Forum Discussion

ThibaultJeuland's avatar
ThibaultJeuland
Community Member
4 years ago

flash cards resizing

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

Rise 360
  • ThibaultJeuland's avatar
    ThibaultJeuland
    Community Member
    4 years ago

    I found the answer I was looking for... After publishing, you can add some css style to the index.html file

    1. Unzip the exported course and in the "scormcontent" folder, open "index.html" in a code editing software (it works fine with notepad)
    2. In the top region, you'll find a <style> tag. 
    3. 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;
         }
      }
    4. Save the index.html file.
    5. Rezip the files
Related Content