How would you structure this dynamically (In HTML and css)?
Everything is okay, just thinking about the line that goes through all of the icons.
It should work with 2 to 4 sub icons-with-text as the section is dynamic. And ideally the icon and it's text are under the same parent
No mobile was provided, was thinking on just removing the line on mobile/ when they start wrapping, any other ideas?...
logical properties
Hey, how do you decide where the use of a logical property would be warranted other than gaps between icons and text e.g. a inside a button etc. Should you cater your whole site to look good if it was flipped to a vertical writing mode like in the example image below, therefore replacing all of your properties such as
max-width with their logical counterparts? I'd appreciate any insight, thanks in advance.
what are the ways that i can follow to mange the height in card created using bootstrap
Hello i have a card containers that have 3 cards on ii don't have any problem in managing its width but i have problems in height as below , the third one is now have height greater than the others ,consider this datacomes from daabase how can i mange the height, i want them all to be on the same heigh, included a screenshot
```html
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2">
<div class="col-md-12">
<div class="card text-bg-primary">...
grid-template-columns, Chrome v. Firefox, Firefox stretching col width, Chrome keeping to content
.photos_div_right is mapping divs which contain <img/> elements:
```
<div className="photos_div_right">
{vehiclePhotos.map((photo, index) =>...
What HTML elements should I use here and what markup order?
Here's what I have so far but really not sure what to go with:
```html
<article>
<hgroup>
<p>...
How to display value or data in HTML with Javascript
I'm currently struggling with displaying values in HTML. I'm recreating the tip calculator as seen in the image linked below, i've marked the parts to show which labels/inputs im talking about. For now im not using the tip buttons since im mostly focussed on learning how to use the DOM and displaying/working with values that way. This also means the totalAmount is empty since its the same as the bill as there are no tips calculated.
1 The input label called "Bill"
2 The input label called "amountOfPeople"
3 the div was which has <div> 0, 00 </div> in it, which is called "totalPerPerson"...
How does the CSS priority work with a new React + Vite project?
Hey, I'm trying to learn React, but I wanna implement my scss files and preferably have my own css folders, but for some reason, the main React bundle comes with an index.css, and an app.css (which I swapped into an .scss bundle) but I don't understand a couple things:
1. What's the point of App.css if index.css has a higher priority (so what is inside index.css will overwrite what is inside App.css)
2. Why can't I put my css files inside a css folder/where is the section where I can modify the path towards the css files......
Grid col 1fr behaviour vs percentages?
Hi all. Just struggling with positioning in a grid. My grid has 3 columns, with widths of 20%, 1fr and 20% respectively.
The first 3 images above show what happens in a grid when I place the slider in each column.
The columns that have widths defined as a percentage seem to behave as if
overflow:hidden is applied. But column 2, which is 1fr, doesn't. To replicate this, change line 21 from col-start-1 to 2....