Animate Button if active
Hi everyone, can someone help me how to do this animation, if i click any of the red button, it will slide to the 2nd row and the color will become blue. Please see illustration on what i want to achieve.
Navbar going transparent in mobile view
I have this navbar which gets a transparent background for some reason in mobile view. Here is the codepen.
https://codepen.io/Aman-sghh/pen/bGyeZxQ
You can see how it is transparent in the image....
SVG's group floating inside container instead of origin'd at 0,0
SOLVED: added preserveAspectRatio="xMinYMin" as an attribute to svg
I have an SVG that contains a group that holds all the paths that make up the image. When I open the SVG in an SVG editor (like inkscape or adobe illustrator) the canvas is tight against the paths/g. However when placed in the dom this weird floating behavior takes place. See screenshot. I would like the path to try and rest at 0,0 position (top left corner) instead of floating. Note: the SVG is wrapped within a div of declared with and height.
I can fix it by magic numbering the viewBox values but I am not entirely sure that's a good solution. Thoughts? I mostly want to understand whats happening here
...
how do I represent this properly in the dom
I am thinking of using a table but it sounds very bad in my head;
I also ran into some issues I don't like while using flex box...
Aligning sibling labels with card content
I'm trying to align the labels from the outer div with the contents of the card in the sibling div
getting close but still not there yet
here's my code...
pls help me
hello guys i want create this type of curved box can anyone know how to create this please help me
Is there a neat way to achieve this interactive grid setup?
I'm developing a site for a company, designed by their in house designer. They want their team grid to work like in the screenshots. So a basic grid with all members, then by clicking on a person's profile it expands to cover the grid, obscuring the other members. Is there a simple way to do this or is it only going to be possible with fiddly js? I suggested using gsap flip and having the selected team member take up two columns and two rows but the bios are all so long and they don't want to tr...
n00b center grid question.
I am fresh out of bootcamp at the end of March and working on my own porfolio page, got this card section for work experience right layout and size i want but for life of me can not getting it centered without doing a bunch of hacky margin and padding tricks making the responsiveness damn near impossible.. anybody willing to help a n00b out?
