Trying to use getStaticProps in a layout.js
I am working on an application and I would like to use getStaticProps in a layout .js file of my routing. I keep getting an error that this is not supported but in the documentation they say that it only works in pages but I get the same error if I try to use it in page.js. The project is Next v 13. How can a fix this or are there any alernatives?
Pseudo Element clipping over text
I have an H1 tag that is currently outlined. I'm trying to add a Pseudo element which fills the color with white (to get rid of outline). The goal is to make a hover fill effect. Any tips? Thanks!
Adding a color over an image
How can I add a color over an image, like in the picture, where this violet color appears over it. I embedded the image in HTML under <picture> tag.
browser not understanding css correctly
hey folks can anyone help me in debugging this weird CSS issue in the attached image as you can see I have applied.
```css
position: fixed;
bottom: 1rem;
right: 1rem;...
Doubt in Array and strings about the references
When we compare 2 different arrays even with the same value its false. and i get it, it is because they have different references
but with strings if i create 2 different variables and add the same value they are equal even with strict comparison ===
so is that means string don't have references?...
ideas on creating this design?
it basically caught my eye and i wanted to challenge myself in doing something like this, i decided the feature of grid along with subgrid would be the easiest and probably the most solid option,
any tips and tricks on how youd create this? i know it's a bit advanced design but i just found it challenging enough and overall fun way of learning the overlapping feature along with bunch of others such as the subgrid that the display: grid offers. ...
any tips and tricks on how youd create this? i know it's a bit advanced design but i just found it challenging enough and overall fun way of learning the overlapping feature along with bunch of others such as the subgrid that the display: grid offers. ...
How to place spans at the bottom of its container
Hi community. I would like for the spans which are marked in blue, to sit at the bottom of their container, which is annotated in developer tools. So far, I have only come up with an idea of wrapping the article in a flex, and then giving the paragraph which is above the spans, flex-grow of 1. However, I am exploring if there's another way to approach this. Now, I know I cannot use auto value for the top and bottom margin. Does anyone have an idea of how to do this?
Simple but challenging: tag these properly
i mean my friend is a begineer and basically wrapped them all in divs and then used extremely long classnames xd
id use the h1 etc but given how many styles there are, i don't think going to like h5 is worth it in this case,
basically all im asking from you is to name it elegantly if you don't mind.....
Inervert Round Borders
Hi there, Today I came across a design challenge. I'm wondering if it's possible
to create a bottom-right card with CSS. Attached is a reference image.
Any guidance on achieving this would be greatly appreciated...
