diff --git a/src/components/introduction_card.rs b/src/components/introduction_card.rs index 42211e0..dea5067 100644 --- a/src/components/introduction_card.rs +++ b/src/components/introduction_card.rs @@ -3,8 +3,8 @@ use dioxus::prelude::*; #[component] pub fn IntroductionCard() -> Element { rsx! { - div { class: "items-center justify-center space-y-4 p-8 overflow-wrap w-full text-lg text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light", - div { class: "object-contain relative inline-block w-8 h-8 mb-1 align-middle", + div { class: "items-center justify-center w-full p-8 space-y-4 text-lg text-center overflow-wrap text-alice-werefox-red-dark dark:text-alice-werefox-red-light", + div { class: "relative inline-block object-contain w-8 h-8 mb-1 align-middle", img { src: "/emoji/:alicecoolmlem:.png", alt: "Alice with sunglasses and her tongue out" @@ -15,10 +15,10 @@ pub fn IntroductionCard() -> Element { div { p { "\"A poetic disaster, and owns it\"" } } div { p { - "Feel free to click/tap any of the buttons above this to learn more about my different aspects of personality. Down below, I've got some more neat little pages and useful info you can look at. " + "Down below, I've got some more neat little pages and useful info you can look at. " } } - div { class: "object-contain relative inline-block w-8 h-8 mb-1 align-middle", + div { class: "relative inline-block object-contain w-8 h-8 mb-1 align-middle", img { src: "/emoji/:aliceheartblack:.png", alt: "Alice chomping on black heart"