Bottom Triangle effect
I want to make this similar effect in CSS. Is there a good resource on how to make an effect like this? I do see it using flexbox.
https://georgian.edu/academics/undergraduate-programs/computer-information-systems/...
top bar alert
Hi guys, I'm making an alert bar with the <marquee> tag but I don't want it to pass information, I want it to slide from one piece of information to the next, any tips?
website im making : https://box46.criativatek.com/...
box-sizing: border-box
What does box-sizing: border-box actually do? how is it different from the default box-sizing? And I noticed that when it is default box-sizing, any element with width: 100vw doesnt stretch full, that is it leaves some space at the left side, why is it so?
Relative color from currentcolor
Hello everyone,
On MDN's relative color page (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors) it's stated that
origin-color should be any valid color, including currentcolor.
But when I try to do something like this :...
grid container with flexible rows?
i'm not sure if this is the right title but here we go. so i wanted to have a grid container with 3 columns. these columns have the same width. my items in it has the height of a max-content, when rendered i wanted the items to be right under each other without the grid's row height but i cant find my way around it. is there a way to set the rows in a dynamic way? or am i in the wrong path? maybe 3 columns and those columns should have flexboxes in it ? i am very lost atp. i dont have much experience with grids and english is not my first language so sorry if i dont make sense
here's my codes:
```css
grid-container{
width: max-content;...
Match width sizing on flex containers?
I was wondering if anybody knew a neat way to grab the width of a flex-item container and apply it to a sibling flex container inside the same flex parent. I have a screenshot here showing a search component ("enter an address") and then below it a second component with a "browse" button. I was thinking there's got to be a simple way to make the browse button component as wide as the search input component. (Each component has the purple-gray background.) I am sure I could switch to grid or use a different flex solution, but I only want the browse component to match the width of the search input component, and for other siblings to flex the default way.
CSS/SCSS for reference, the parent has:
```css
align-items: center;
display: flex;...
Giant White Space
Hello im new to this community. I need some help regarding this practice project as im rather new in web development and im learninh HTML and CSS. The problem im having is whever i add a new line of code to my html code, it keeps going down the more lines of code i add. When i move it to the right position using css, it just leaves a giant white space at the bottonm of the page. What can i do to fix this?
Button Hover switch effect
Hey! I wanted to ask what would be a way to achieve a hover effect when the buttons are hovered we the background and left border will look like switching from button to button; not just like fading in. It would be great help!
My div is bigger than the icon inside of it
I want the red div to have the same size as my icon, but for some reason it has this 'margin'.
I already tried to use
inline-flex, but it didn't solve, my div becomes the same size as my icon, but the space is still there.
...