Differences

This shows you the differences between two versions of the page.

--- stylesheet:style_the_computer_store [2025/01/23 10:49] – vinciane
+++ stylesheet:style_the_computer_store [2025/01/25 15:16] (current) – clara
@@ Line 1: / Line 1: @@
 %%
+/* this styling works when wanting to center bold text, italic text will be on the left of the discussion, and normal p paragraph will appear on the right */
 p {
 background: linear-gradient(155deg, pink, red) border-box;
 color: #fff;
 border-radius: 25px;
-max-width: 300px;
+max-width: 350px;
 padding: 15px;
 }
-p:nth-child(odd) {
+p:has(em) {
-place-self: start;
+margin-left:0;
+margin-right:auto;
+background: linear-gradient(155deg, red, pink) border-box !important;
 }
-p:nth-child(even) {
+p em {
-place-self: end;
+  font-style: normal;
-text-align: right;
+font-family: serif;
+}
+p {
+margin-right:0;
+margin-left:auto;
 }
 p:has(strong) {
-place-self: center !important;
+margin-left: auto;
+margin-right: auto;
 background: linear-gradient(155deg, yellow, limegreen) border-box;
 border-radius: 0;
+text-align: center;
 }
 p strong {
     font-weight: normal;
+    font-family: monospace;
     }
 %%