code-hike / codehike

Marvellous code walkthroughs
https://codehike.org
MIT License
4.39k stars 135 forks source link

spotlight code blocks height is inconsistent #350

Open DanielFGray opened 1 year ago

DanielFGray commented 1 year ago

I have this block on my site, and when switching between the different blocks, the height fluctuates a lot and causes scrolling and empty space.

https://play.codehike.org/#N4IgtgJgHiBcIB4DCAJAdAZQA4HsAuANgJYDmAFngAQDGBAhgM4MBydYApgLwA6IZOAJyIAvHADs8dArwB83MQAMlAKzoA3RtSFY889lFwCqAMwCuY6niLjKAUShssBdgDFBYABQBKSsHmVKAXY8UwExSg9-AMoEY3co6MpxDFMAIzAiPE5gdjVKThlfBMTKXLQsILV2CQARdmM6UwI8b2LE6nEGKlScCABPfMoAeVTldks0YwEcMFsJIXYGDzF2AHdKNwEwGrpJDzLqUKCJABU6ARJgry826ONg6jIPAHIAeiCSIi72AWeAGl8lA4eH4EFglGeuC6-0oPX64IAUhghsw0F0hGJPsY+h44X0fABfG7hEoEgnFOQkxIICBENSUkrRBD0VLsAgMxlMhhYOhiGSmBg-MRsdiwBCvbm8jmcmJEMRYUxUYUcHggAVCkW8SivaUlcUstm6gLi2n0240ulGpkG9m3amSvk8pirQRg8UOq3UuUKpUi1VOhgugQQLU6u0xV42q0my3m02emJR8PGj3sMB0IgEMUSnl85Oy+WKyjKri8NMZ6QgbUJ-V0Vm2qlM17x4riuJbDnE8mKJTyeQAWkHfZ7ClUGgYWiIOmHSgUw9WmTIG3cO0klDoWCIw8H-ZnKnUmm0uhWBkEJnMlms4Xsjmcm08Pj8JI6Yi6lAA2uqwiKAYK8ABVQVvw4ABdQYACV2DoCZ1QwSQ8HYF5nmJAIXzfd8AyDCBf2CAAFRhA1dMDOEoSDoLwNBYPgxDnmQqI0Kod9y0zHC8FsdNM2I0ioJgwU4N2Gi6LEKIghCMIIlbdswFuZI0gyLIcjyAoikbRIygqXJqjwOoGiaFoUM5BjYV6AYSOASgvxLAFMNdAFmIIShuxle48EeF53nYT5vl+AFzOBUFwUhHBoQBPFEWRVF0TlLEcTxQkDMSMkKTjWNVOtOtDXzBAPUskVsw9LLvUVfMAg0AhTC4YBco4JyZWicQkDIXlLmyXJ8kKP9AI1Dh9jUNBJAuYI0DKiqvFqmUwzS41IwyhtGRjM00otRaZWZWaExTXMZBs4N8q2wrC2POrohGyqdogca6oaprMUqtrlL-fDnVdXr+vOS4KNOsb80m1aZvraNm1S+aWymxN1qy1MOKzd19rB40iqoU7WuhgkkjERrmrupSOuCdiK1egaPuGqRRrR37OVrAHzSBlamykzt5G7Wd50XGhxDwaYCGcCBKERhhtyHYSR1pYxjH8fRDHPCwrBsG8wCcVx3G8FT+1QzpGOq9hWK64D2C4sjePYfiEKQ4k1fZ19GPO1insI4MDZ4iiqIEs2B3Vq2P3s1j8c4iCncovjqLdsRdypUTQnCSJVNieIptk9JMlanGVLq9TKi0nTGmaVpQ5lIy8UGcytesgisLs6HHPkABqfONeM-pBhGMYJimGY5k5ohFmWNZly2Vc6Few4BGOPAzkGvBrmTFy3LeD4vgQnzAX83pAqhPAYTCygkRRNFO8xIhsVxEz4rtJLVM9ZaNrW6n4c2qUtb2qV3bqhBEcoZGqqAks0eurHk-apQTq38RSE3ekNL65NKS11fu-Esqotahmvv9TKU0FqX1Bq-JMd8YgenOk-PMedYGHQ-qTM6ZdXS-wxjdFqilAGPQocGMBE8SblXYGNasNdjpvxIfA3g50kHJipqgymtMMHA1Wtg46uCtr2QIZSC2q136f3slQzGt0AEPTxtDZhxNIGcLEDApRvC-RlmhoI+Gwi5rzTEW0Ns7hpQoWZr2YWjBKCi3FsLcUqBMC4EIKQCglIQB-BANQJgcAQBoEeP2bk+BiDkAovwIQogJBSFTpQYwzgoD9lpEES84hwQdHKmAMQABuKIPIIC0kxOCAADOUkk6YLhyjqQ07s8golkBiX4+JFA0BJJEBzNJnTulxICXgfskhUgMHSZk-Q-ZMk4FWOCaYqwGkBEqdUkgrSohNM+GIHZYh2liBGbE-xCT+mCEGakhypyenjMmXWdJeyWmUHqRUugVToqHOOSMqYIp+ypEVHgTo6TaTcnoH0cEYhxDsDacOd8EBdh0BiWycYCEICcE5hVECpytA4G5n0DoWyYkISwP2F8CEJB-HkIi5FqLnCWHYJi7F+s7ljISY81I6SAACG4nADB6MGH4qKXxIoEH0fsABWWptT3HnAANawAQlACZFQiBNMlTKygKq1VCE1f2AAnLK+Fws8VcwIES3o0VSXsHJZSrSsAYUtDpZIBl6LmVYoEDirwNKTnRLOb0iZUynX4A8K6lFgpGUYq9T63l-LLU0FCAwQQ-ZcBykXsZYVAhJkCF5JKUelB+BVAELAIVEARWCjFecLVsrYQkH7KsMgmR2DyoEEq1IDb1UGoABwmqZsOdl5y+kDJSZIW5Ab7mcqmTMrA6TNnfLeWgKVaZKAAEY0zrKBO9V57yjmDsnRykdVyx3DOicS7WHTD3DsSSeoZE6umBoeV0Ig1AFU-HSQuCAIJwRrtlQAUgHWIYJoTxDGFIHAUAxAVjMFMGAVkAgGBwAaAQQUISGD8FWEgHAWA+gACFgXiGQ1INDIAQRpnYBE9Mi8iBSByYqn4IAyRAA