Need CSS help to create a container for a list of items (requirements below)
Hi all~ I've been trying to create a 2-column list container and am curious if anyone could come up a CSS solution for this. Requirements are to create a 2-column list container component that is given an object like this:
{
recipeCategory: "Breakfast",
recipeTitleList: ["Avocado Toast", "Egg and Ham"] // alphabetically sorted
startingPage: 1...
align-content:center does not work!
Hi,why align-content :center; does not work in this css code?
.parent{
background-color: gray;
display:flex;
flex-direction:row;...
Display certain li elements in a single row
```html
<div class="hamburguer">
<button><i class="fa-solid fa-bars"></i></button>
<ul class="more">
<li><a class="info" href="#about">About</a></li>...
What code pattern/approach should I take for this numeric input?
Hey all, our UI/UX designer has come to me with a custom numeric input and I'm not sure what approach to take. (see Figma screen shot)
I know semantically
<input type="number" /> is how you make these in HTML traditionally, but it gives the tiny little spin up/down arrows and seems like we're off to a poor start for using CSS to mash a square peg into a round hole using webkit to target those arrows etc.
I was thinking of making my own component (our tech stack is Blazor but it does the same thing as the major JS front end frameworks) with a bound integer value, and custom buttons and all of that but want to make sure I'm not losing a ton of accessibility features from not doing the numeric input control with the built in spin buttons. Also things like arrow keys up/down to increment/decrement the value. Set a min and max limit etc....
css counter use cases
Hey, if there's a design such as the one in the image where there's a number incrementing depending on how many sections there are, in this case it would be the number in the milestone text. Would it be appropriate to use a css counter? Thanks in advance.
