Just to start, I have to admit I'm pretty amateur to flexbox and CSS. So, sorry for any naive mistakes. I have the following code: @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); html, body { height: 100%; } body { font-family: Roboto, sans-serif; margin: 0;…
I have this code that shows a video on mobile. It just shows a play button without the video behind it. When I press on play the video starts normally but I want something behind it. This is what it…
I've got this page, that has a JavaScript script that changes the text of an H1 and a p. const slide_data = { 1: { text: "Example", sub: "This is an example text.", time: 10 }, 2: { text: "Title…
So I have this code with a paragraph with keywords and text. I need to make the format so that the keywords appear next to other, the text starts where the keywords end and then the text also wraps around…
Given the following React MUI V5 sample code, I am setting up a profile page where I have the details of a person to the left of the page that is represented with a label/value down the lefthand side of…
I have a webpages in html, when i am cliking on navbar which have id asscoiated it is not working/not targetting the particular section after clicking on nav items. I have put ID with # in href but its not…
I would like to create a gradient and rounded border like the one shown below, which is from the topbar of Instagram. I know how to create a rounded and solid border, but this one is gradient. It seems that…
The react App.js has two panes, left page is menu and right pane is displaying content accordingly. The content in right pane should be scrollable if it is more than one page with style={{ overflowY: 'auto', maxHeight: '100vh' }}. Here…
The following CSS changes a btn background color but not the text color. What am I missing? Any help would be greatly appreciated. /* Change button color and background on hover */ .wp-element-button:hover { background-color: red; color: white; } Here…
I created a small test web page, and the line heights are different, although they use the same CSS style. This becomes most visible when using Chrome to highlight the usage of the .instruction class. It seems as if the…