# "Basic (and reverse card)"-cards not displaying correctly when reversed

**URL:** <https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969>\
**Category:** Card Design\
**Created:** [January 23, 2022, 8:30pm UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969 "2022-01-23T20:30:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Liebhecht](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/liebhecht/32/4888_2.png) [@Liebhecht](https://forums.ankiweb.net/u/Liebhecht)\
**Post date:** [January 23, 2022, 8:30pm UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969/1 "2022-01-23T20:30:19Z")

</div>

This is how the standard looks:

 ![standard 1](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/4/4983a174d138d16b555790ba6a3a65e34c649e63.png)

 ![standard 2](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/c/c15114921a33579303e3c1f903b5cc37b97d8c3d.png)

* * *

And this is how it looks when the card is reversed:

 ![reversed 1](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/a/afb039ec10ff13e83657f78374d9df293e6ec0f4.png)

 ![reversed 2](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/c/ccbdb9f626705e2b196480c9266156022d5d6361.png)

* * *

Front template:

 ![Screen Shot 2022-01-23 at 21.33.47](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/0/00f6995073d78ebd37e752bee729b59ce07d2d3b.png)

* * *

Back template:

 ![Screen Shot 2022-01-23 at 21.34.18](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/c/c678bfa007d6075bb37ed1d71222e00379f0fd01.png)

* * *

Styling:

 ![Screen Shot 2022-01-23 at 21.34.59](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/e/ed88dfe759c5a36bbd85749bdcd956205f674495.png)

 ![Screen Shot 2022-01-23 at 21.35.25](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/a/ac9f0a44206911228cff4d01dcd51ea1fe717d29.png)

---

<div class="post-metadata">

**Author:** ![01101](https://avatars.discourse-cdn.com/v4/letter/0/f9ae1b/32.png) [@01101](https://forums.ankiweb.net/u/01101)\
**Post date:** [January 24, 2022, 5:35am UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969/2 "2022-01-24T05:35:04Z")

</div>

This is probably due to the `<-div class=“allign”>` and `allign{}` in the “Front Template” and “Styling” respectively. I’m not experienced with CSS and HTML, however.

---

<div class="post-metadata">

**Author:** ![Liebhecht](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/liebhecht/32/4888_2.png) [@Liebhecht](https://forums.ankiweb.net/u/Liebhecht)\
**Post date:** [January 24, 2022, 9:37am UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969/3 "2022-01-24T09:37:38Z")

</div>

That much is obvious to me too. But I don’t understand why the align class isn’t properly applied when the card is reversed.

---

<div class="post-metadata">

**Author:** ![dae](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/dae/32/65_2.png) [@dae](https://forums.ankiweb.net/u/dae)\
**Post date:** [January 24, 2022, 12:56pm UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969/4 "2022-01-24T12:56:16Z")

</div>

You have shown us the front and back of the first card template, but not the front and back of the second card template. If you want them to appear the same, the two card templates at the top need to be adjusted to match.

---

<div class="post-metadata">

**Author:** ![Liebhecht](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/liebhecht/32/4888_2.png) [@Liebhecht](https://forums.ankiweb.net/u/Liebhecht)\
**Post date:** [January 24, 2022, 3:35pm UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969/5 "2022-01-24T15:35:23Z")

</div>

Oh my god I didn’t realize that there was a second tab to edit the styling. I though it would automatically just apply the styling to the flipped card. Thank you so much. For anyone else having the same problem:

 ![Anki styling](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/c/c3cec0007e7212b437310a220b4b94ba17370134.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [May 1, 2023, 7:36am UTC](https://forums.ankiweb.net/t/basic-and-reverse-card-cards-not-displaying-correctly-when-reversed/16969/6 "2023-05-01T07:36:59Z")

</div>


