my popup is being hidden
```jsx
const Server = () => {
return (
<div className="relative mb-2 h-[48px] w-[48px]">
<div className="avatar">...
Not sure how to make this hero text animation responsive
Just wondering how I can make this hero text animation responsive? https://codepen.io/nwoodward/pen/ExBomaq
The problem is that the
h1 is a fixed width of 250px, and I animate the wrapper, title to its full width with overflow hidden. That just means that I can't have it take up the full width of the screen as it grows, I have to rely on breakpoints and fixed widths, which looks ugly (image 1 to image 2).
I feel like it definitely should be possible to make this responsive, but I feel like it's beyond me! 😄...
Adjusting my image to fit within a column (grid).
Hello, I am currently studying HTML and CSS. Why doesn’t my image fit into the image grid? Is there any way to fix it?
```html
<div class="container">
<header class="header">Header</header>...
Trying to use grid over flex-box in my own work, how would you do this?
Hey there, I'm trying to use grid more in my workflow over flex simply for getting used to it and getting enough experience using it to know when I should opt for grid.
What is the best way to achieve the following?
- I want to preserve this fraction of on desktop browsers as you see in the image.
- I would like to have a mobile friendly version of this which uses a different fraction of space....
How to center button's content
I think I should really review some CSS topics. Could someone give me a light why are the contents inside the buttons not centering? They look awfully unaligned to the center.
I tried anything I could remember ;-;
Codepen: https://codepen.io/leoncelestino/pen/NWZwYgq...
