Converting Figma interaction to code
hello everyone
i'm currently attempting to make this Figma animation with HTML & CSS (not sure this is the best approach but i've attached a gif below)
this is what i have at the moment but i'm not even sure how to proceed - https://codepen.io/DayoAwobeku/pen/gOBVvxw...
ReactDom.render() vs createRoot
Setting up a very basic React component and I notice in the console I'm getting an error saying the
"ReactDom.render() is no longer supported in React 18. Use createRoot() instead"
though 18 is the React version I'm on, and it does appear to work......
Newbie question, in this example how will I code this circle like floating. in sec 1 and sec 2
I will use floating or position absolute in css to make it float? in section 1 and section 2 like in this image example, hope you can help me thank you
Mobile virtual-keyboard pushes up content
I have an html layout / css problem in a basic chat application.
There is a page with a chat-header a chat-body and a chat-footer.
Body contains the messages, it is scrollable, the footer contains the text input.
When the user clicks on the text input, the entire content is pushed up on mobile, and i can't see my header.
...
how to fix alignment using flex box
hello I am trying to create a patient details modal. First Name and Last Name looks good but age, sex is not align with the first name and last name and phone email too but city and state is okay with first name and last name.
svg in the div still showing when the container height is 0
hey folks this is my code
``tsx
<header className={sticky top-0 z-[3] bg-white`}>
<div className="flex justify-between px-16 py-4 h-0 bg-gradient-black-green">
<div className="flex gap-4 items-center">...
grid-template-columns auto fit not working as expected
```css
.videos__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
place-content: center;...
