I usually start by writing a base code snippet (including common elements that both Windows and Mobile will have). Then, I separate specific elements such as width, height, font-size, and display style (often horizontal for desktop and vertical for mobile). This is the only method I can think of to …

That’s actually the ‘standard’ way to do it.

[image] akni: margin: 0 auto; That part can be moved into the top section if it’s the same on all platforms.

Thank you. I would like to ask if Anki will support better coding assistance in the future, like syntax highlighting? I mean, we already have that feature for editing HTML in the fields, right? It would be more convenient if we could use that when writing code as well.

How do you manage CSS for each platform?

Anki Card Design

dae December 17, 2023, 11:57pm 5

Such a feature may come in the future, when the card layout screen gets ported to Svelte.

[Feature Request] Improve the code editor

Topic		Replies	Views
Is there a more modern solution for making card layout + styles? Card Design	8	3042	June 28, 2023
Publish Anki's default CSS (for overwriting styles) Suggestions	10	518	September 1, 2025
CSS in AnkiMobile works differently than desktop Help	8	1236	April 20, 2023
Encapsulate the card styles from the main site code Card Design	1	248	September 26, 2023
Editing Anki CSS/html Suggestions	13	4185	February 15, 2021

How do you manage CSS for each platform?

Related topics