Alegreya | Serif family , part of the Alegreya super family | User Interface library

I have a translation feature that when clicked changes the paragraphs to a french version. Now The first word of every paragraph is wrapped in a span, the span has a css class that enlarges the word and colors it. When the button is clicked it switches the english P to the french P and I need the span style to also take effect to the first word of every french paragraph in the output. How do I do this?

I've just started learning CSS flexbox. So I was trying to create a popup modal that requires alignment of three divs side by side and I was able to achieve it using flexbox. But I'm facing a problem:

Flexbox CSS rules are overriding or changing my font-family CSS rules. On removing them I'm able to see all text and paragraphs changing back to defined font family but on including them it's somehow automatically changing the fonts.

This is how the fonts should look like (without flex). But on running the code given below you'll notice that it's ignoring all CSS rules for fonts even after using !important (includes flex).

Please check my comments in CSS to find the part to be removed.

Please run the code below.

I want to add a background colour only at the centre part of a text? Like a thick strikethrough but only in the background.

I was very close but I couldn't do it. Please help I'm a beginner! Thank You!

I want the text to appear below the img .containerLogoMobi. but want to keep the navbar overlaying the img aswell. I am not sure how to do this with parent/child elements or relative/absolute. I have the img set to z-index -1 and absolute so it appears under the nav. I now want the text to continue to follow the stack as it is in my html.

So I have a div containing a logo, a version for mobile and desktop that switches at each breakpoint. basically I have display: none; set in css appropriately so they display at the proper breakpoint. Everything worked great until I added a background-image to my .containerLogoDesk and now this container remains even at mobile breakpoint which I don't want. Not sure why this is happening and how to prevent it! If I remove the background image the @media screen and (min-width: 730px) works as it should.

Any ideas? Thank you.

I want to have a CSS Grid grandchild out of the width of its parent.

My reproducible demo -> https://play.tailwindcss.com/jZdsHpPAad

I have the following CSS Grid Wrapper:

I get a null pointer exception when doing this i am trying to set the value of total in BindViewHolder to my amount textview in my cart activity. is there any way i can the total value to the amount textview? Either from the bindViewHolder or from On Create function?

i have tried severval methods including setText and findviewbyId but none seems to work , i still get the error in the logcat either Null Pointer Exception or attempt to invoke virtual method on a null reference.......

I have a horizontally scrolling table on my website that has a width of 300% of the screen. On smaller screen sizes the 's that appear later in the table don't have a border like the rest of them. I have all td elements to have a border and don't understand why they won't appear.

CSS & HTML

I am having trouble adding box-shadow to my card divisions: nothing appears, regardless of the color I choose. Similarly, when I modify the margin of those divisions, it does not change anything in the result. When I open the file in Google Chrome, the inspector says "Invalid property value" for those two properties. I don't understand why this would be invalid.

Could somebody give me a hand? I am a beginner.