I'm just getting started with HTML and CSS (via freeCodeCamp) and struggle with my first certification project: building a survey form. Everything went well up to the point where I needed to add checkboxes and radio buttons. There's a huge…
I have a standard table which consists of a header row and n-data rows. The width of the table exceeds the size of the container in which it resides. I have styling on the header row (white background) which seems…
I am having troubles getting my main content next to the sidebar in a flexbox layout. My TopBar and SideBar components are combined into a single component, so they are returned in a single parent div. Is there a solution…
I am new to web coding, and met a strange behavior when using flexbox. When a parent is using flex-grow: 1, the child element height: 100% doesn't work. I saw several solutions but doesn't work for me. Does anyone could…
body { margin: 0vh 0vw; } .header { position: relative; width: 100%; height: 12vh; background-color: #004d40; display: flex; align-items: center; justify-content: center; overflow: hidden; top: 0; } .line { position: absolute; left: 0; top: calc(50%); width: 100%; height: 0.25vh; background-color:…
Since I don't know a way to style a web component with parent lightDOM class selector to choose which is the theme selector (light or dark) i've found a way to choose it via custom property: The HTML page <html…
I'm trying to make this DIV smaller using width property, but that just creates awkward white space even though I colored the html element on top of the page with !important to override my Bootstrap file. How do I fix…
I have been trying to change the style of this Wordpress page protect form. The Wordpress page protect function is enabled and the password is set using Wordpress, however I previously had the PPWP plugin installed and with the plugin…
I'm trying to create a block with a smooth, curved cut-out in the top-right corner, similar to the image below: Currently, my implementation looks like this: As you can see, the current curve is not as smooth as I'd like…
I have a resizable element, for which some browsers render one style of the resize "handle", other browsers a different style and some… well, one browser (yes, looking at you Apple) doesn't render it at all these days. In order…