Image shrinks, icons don't
Hi guys!
There's a problem with my navbar. I have a logo
<img src="QuickCart.svg" alt="logo" /> and couple of FA icons in my unordered list. When I make the window width smaller, image shrinks down up until the point it's not visible anymore, while icons remain the same size.
How can I make everything shrink? I mean, both the icons and the logo.Here's my JSX from Navbar component and couple of pictures:
```tsx
<nav className="flex items-center py-4 px-12 relative shadow-md w-full">...
how to create this "popup"
not sure if that's a popup, but how do i create something similar to that?
you can see it more clearly here: https://www.harvard.edu/programs/?degree_levels=undergraduate
just click on one of the programs below and it should appear...
Alter letter spacing to make text fill screen width
In the image attached (designed in Figma), my font has letter spacing set to -6%. I was wondering if there was a way to make text fill the screens width (and with an offset) with vanilla CSS depending on the screen size, or maybe using JavaScript.
[On a mobile device in portrait mode, the words would be on two lines but I understand how I could do that. The font in use is Inter]...
Colour selector idea
I was playing around trying to come up with a colour selector, when I thought of something (explained in the diagram below). Would it be possible to make such a thing? I can't think of how, though. The text needs to be simple html, but trying to do a theme switcheroo would mean slanted divs or something?
how to create similar layout?
hi all,
i just wanted to ask how to create a layout similar to that? especially the picture part where it's "partially cut"....
