Block Display Item Scaling issue
Hello! I am making a little portfolio website for my assignment and i ran into an issue. The big pictures are not scarling properly. Is there a way to fix it. Or should i use a different display type that would make this work. Im not sure what to do.
The red is how it looks like when im inspecting it and the yellow highlighter is how i want it it to be.
Ill appriciate your help ❤️...
Scrollable aside
Hello, probably someone ask this already but i just couldn't find it, so i want the lyric box (on the right side) become scrollable instead of expanding to the bottom, so that the height is following the left box content
How would you recreate a button like this?
The main decoration are the little crosses in the corners if you see them.
I've seen similar buttons one or two times before but only today tried to recreate it and got to something a little different but nice https://codepen.io/fgvdg/pen/gOJwLNg
Anyways, Im interested if someone has made a button like this before or someone knows how to do it? thanks in advance.
the button is from here https://nucleoapp.com/...
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
