i want to recreate this effect that is visible on https://www.tella.tv/ in tailwind css: i tried to inspect their source code but i couldn't make it work in my
I am trying to make the text and image be on the same level but when I add the text the image moves, I am unsure on how to fix it and looking for help. I though
Let's say I have 3 divs... HTML: <section class="features"> <div class="item"> <h3 class="item-name">Item1</h3> <
I have included the bootstrap 3.4.1 in my Angular 12 project and placed this HTML on my app.component page: <div class="container"> ... <div class=
.row { display: flex; flex-wrap: wrap; padding: 0 4px; }
I am trying to make a footer that displays a button on the left, and 3 social media icons on the right and a copyright text below it which I seem to have workin
Consider this scenario: An image is centered both horizontally and vertically using a flex box The image has a CSS border-radius configured (rounded corners) Th
when onclick functionality happens on the CLOSE button it generates some cards ,each card contains some icons at the bottom that needs to be fixed position(perf
I'm using flexbox model to align div items to the right. It works when the items has only one line, but when I have more than one line, only the first line is a
In this excercise i expect to put header h2 on the same vertical line with the first card from left. each card is a flex item width width 160px in a flex contai
Help me please to create block like on screenshot: Now I created 2 rows and has some problem. I don't know how to delete distance between rows. Need to make it
I didn't find any equivalent in order to animate flexbox, in particular when elements are wrapped and jump to the next line. Thank you
I am building an application which uses react native on expo dev. I am trying to add a button in the top left corner which is adjacent to some text o the right
The "red" div (seen in the image) is in the "head" div. I'm using flexbox to positioning simply like that: #head { display: flex; justify-content: center;
how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h
I have a sidebar that is set to flex with direction column. I am trying to get my menu ul to be vertically centered, and my .logo-container to be on the top of
I have attempted all solutions I could find. flex-grow, flex-shrink, align-items:flex-start, flex-basis, and setting a definitive width:50%, etc. and I can't se
I have a div element whose children are Bootstrap rows, and am trying to float an element to the right of these (as a sibling element to one of the rows). The i
I am making a website for a client of mine, but I have a problem. I want 3 buttons with text pop up but they won't center. When I checked the inspector I could
so Iam using FlowType.JS it works and the text become I mean the the text become responsive. but if I wrote display: flex; or width: fit-content; the FlowType.J