frontend table challenge
hey guys, simple but imo hard challenge:
how to build this kind of layout ONLY with table/tr/td
no position property...
Need help with text alignment on different browsers
For some reason my Call to Action text align's differently on Firefox, it align perfectly on Chrome, Edge, DuckDuck Go, but on Firefox the bottom line is positionned a couple of px to the right. (See screenshots)
Any fix suggestions?
Thanks...
Having issues with padding overflow in CSS grid display
Hi,
I am having some issues with a grid layout I am working on. I am using subgrids to even out column widths when there are multiple columns of different widths. (I use the same layout for multiple pages)
I have a pretty standard table style layout with details about addresses and links to contacts associated to the address. The problem I am having is that the padding on the contacts is overflowing. ...
HTML content desplaced when main menu is opened
Hi there folks 👋🏼
I have a main menu with several levels. To open the second level and display its items, you have to click on the first level. At that moment, a shape transparent white layer appears, and over this layer the menu displayed. The page has vertical scroll, to avoid scrolling with the menu displayed, an "
overflow: hidden;" is added to the <body> when the menu is open. As you can see in the image, this causes the content to scroll a bit horizontally, causing a very annoying effect. Do you know how I can avoid this annoying effect?
Thanks a lot!...
Styling using tailwindCSS and React JS
Greetings! Can anyone tell me why my close menu image won't show up after I toggle my menu image?
PS- its functionality is correct maybe just the styling....
Scroll reactive marquee made using GSAP not working
I am trying to create a scroll marquee, but the string does not repeat until it exits the viewport
```let currentScroll = 0;
let isScrollingDown = true;
let tween = gsap.to(".marquee__part", {
xPercent: -100,...
Can we force a '%' value to be out of height instead of width ?
Hi there !
I am trying to position a fixed element using percentages (to keep them fixed within their containers).
In need to position it to the right of my container, and at 50% height. But...
As you can see in the screenshots 1 and 2, the right item (the horrible red-blue-white-gremlin) gets a top margin relative to container's width.
...
What will be your approach for this UI
I get the design for one of my friend, and confuse how to design the hero section. I kindly request you all please suggest me your opinion create hero section
[Javascript-Web development]Implementing mix it up and swiper js to my project
I'm trying to implement mix-it-up in my project but is not working perfectly well. When I initialize the mix it up in my javascript it works perfectly but the moment I tried to set the animation to false it stopped working.
For the SwiperJS when initialized the javascript it didn't work while trying to figure out what might be the problem I deleted the earlier mix-it-up I wrote above and it worked but not as perfectly as I desired and the slidePerView I set for it isn't working.
...
Weird gallery display on iPhone 14
I have a gallery of photos for an art school website. The gallery is a div with a flex-row-wrap display. Each image is contained in it's own div with a fixed height, a width of fit-content and a display of flex (centered).
When I use emulators to look at this on different devices, the gallery looks normal, but I was sent a screenshot of some weird behavior on iPhone 14. It seems the div containing the image stretches to fill the screen, instead of fitting the content.
CODE:...
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?
