Achieve scrollable content where other content needs to stay in view upon expanding
I didn't know how to word the title since it has limited amount of characters but I will explain bit more here.
I have a container that takes the whole screen height (
100dvh).
In that container I have a footer that's always fixed to the bottom of that container....
[Tailwind] How to Implement Tabs with SubTabs? (check attachment)
The attached image is what I want to do
i tried some stuff but not sure how to do it
this is so far what I've done :
https://codepen.io/Ant-Riddle/pen/yLWbVVB?editors=1000...
How to leave a space between elements in the same paragraph?
I was trying to do it from the frontend mentor challenges. I could not leave a space in the Nutrition section and I could not find how to do it. I attached the code I wrote and the result I got as a picture. Can you help me where I am doing wrong and what kind of perspective I need to do?
Note: I have been working on the web for 3 weeks and I am open to other suggestions....
Fade-away Loading Effect
Hello!
So I've been building up this navbar for a while... and yesterday I thought it would be a good idea to add a loading state to it. However, upon putting the final touches, I'm running into a minor inconvenience.
I want the loading indicator
.navbar-container::after to disappear and come in with the background graident of nav::after. I can do this somewhat with replacing the transparent parameter to the background color, however this makes the navbar not look the best or as easily viewable:...
Looking for advice for how can I make this design possible
#1 In the first image there is a curved line coming from the ending of another section to the beginning of another section(Marked With a Red Arrow Sign). How can I implement this with HTML, CSS, and JS? Letter I will implement it by myself using react and tailwind CSS. You can suggest me some YouTube tutorials or give me a guide to get started.
#2 On the second image Icons are inside of a polygon and those polygon positioned in a way wich lool like honeycomb. Can you tell me how can I create thia layout with Html and css?...
Need help with crazy designer requirement (blending opacity colors)
Hey guys,
I have one really interesting feature that I have been trying to implement for quite some time now and I would appreciate the help.
The client and designer want to have these galaxy-like animations that will move around and create fancy effects.
However, I have a big problem implementing this in CSS, due to how semi-transparent colors are mixed.
When you stack two elements with semi-transparent backgrounds, on overlapped areas the color is brightened....
Looking for advice on how to build this navigation
I found a piece of inspiration for navigation design on Framer. Wondering how I would acheive this following proper semantics.
The nav is positioned in the center with a border around the container and has a button that is positioned on the right. In the DOM the button is not placed in the nav element.
Is there any way to achieve this with keeping the button in the nav?...
