Changing Layout - FlexBox is your Friend #188
Replies: 3 comments
-
Flex it up, nice addition! |
Beta Was this translation helpful? Give feedback.
-
I have used these suggestions in my course and they are a nice way to position images and other media elements. But using the comment-syntax e.g.
The image is interpreted as a "beginning of paragraph"-image for some reason and is scaled to 50%. see here Another gripe of mine is that for any general purpose layout is is very unlikely that a flex-child consists of only one markdown block element. Generally a column in a document contains more than one paragraph of text or one bullet point list. So I have to fall back to normal divs anyway. That's of course fine, but it also behaves a bit finicky, with empty lines required before I know that's not the most constructive feedback as I have no clear suggestion how to improve on this. Mixing html and Markdown is challenging in most Markdown dialects. I personally would love some syntax like
but I was not able to get this to work with any kind of macro. If I define a macro to contain html tags, they are output as plain text. |
Beta Was this translation helpful? Give feedback.
-
Thanks for the issue, this was a styling/elm misinterpretation ... If there is an image and a block-comment to the head is added, then wrongly it was placed into a which resulted in that odd half-size image width... This is now placed into a div with the block-attributes, such that the image or any other multimedia content will be spaced correctly ... to deal with this at the moment, you can also style a div and add the multimedia-element into it ... here is a little example, I will also update this int the blog: |
Beta Was this translation helpful? Give feedback.
-
Changing Layout - FlexBox is your Friend
How to change the layout of certain parts of your LiaScript course easily with FlexBox
https://liascript.github.io/blog/changing-layout-flexbox-is-your-friend/
Beta Was this translation helpful? Give feedback.
All reactions