Outsourcing for layout solutions
Morning web enthusiasts. I looking to get a source code to this design right here. Thanks in advance!
Should I future-proof this component or leave as designer intended?
I have this navigation component I made where the search bar and bottom links are lined up nicely (see pic). I did this using grid and set the grid columns to
300px 1fr 300px for both the top container (the container with the logo & search bar) and the bottom container (the other links).
This is working OK right now, but if I add another link to the bottom container, it'll break. Is there a more elegant solution than my grid solution that I'm not thinking of, or is this one of those designs that are nice in concept but don't really work in theory? It's connected to a CMS that allows admins to add more links to the nav...
Can't apply custom font (Tailwind CSS)
So I'm trying to add a custom font (not from Google Fonts), however, when I create a new
@font-face property in the input.css file, it doesn't apply the font.
Here's what I've done so far:...
How apply this border gradient?
I'm trying to solve it using https://css-tricks.com/gradient-borders-in-css/ and https://theodorusclarence.com/blog/gradient-border-is-hard but I'm not getting to do it. Can anyone help me please?
the button background is a background using a linear-gradient that to have opacity...
santa hat to text how ?
1st image is BIG HAT for desktop mode and tab mode
2nd image is for Mobile mode.
how can i give this hat to this text ? i have export it as svg in two files 1 is big and second is smol.
...
Horizontal Grid Image Gallery
I want to create such a image gallery basically. This is what I already have but my problem is, that the last columns only shrink when there are more images added but the images should all stay the same size but it should be horizonally scrollable.
Any idea?
```html
<div className="images">...
Fixing my layout from desktop to phone
Hey, I'm working on figuring out the basic layout for my portfolio website and started building out a block-out of my design I made in Figma. I'm struggling with using the full viewport on phone. My homepage has 3 cards and on desktop they are placed in 2 even-columns. However, on phone I want the first card to fit the whole viewport and then the other 2 cards will also use up a whole viewport when scrolling down.
I've got the basic layout working for desktop and tablet sized screens, just not for phone. Seems like it's not using the full viewport size.
Here is my code: https://codepen.io/Hidde2205/pen/ExqwJYP...
Style error, modules, styled components.
Greetings! I am working on a project using electron, react js and typescript, one of the components I am using is a tablem this table was made in styled components, we use css modules on our project, howeer, when the table is used, we have to reload (ctrl + r) so ite shows the styles from the css modules, otherwise, it shows other styles, I believe the ones from the original component, any ideas on how to fix this issue? the blue one is before i reload the project. thanks for the help!
