I am trying to use a media query inside my globals.css file to adjust my CSS for different screen sizes, but the styling in my media query isn't being reflected. It works when I use Tailwind's inline-styling, but I want the changes to apply to specific tags since I'm using markdown. No matter where I look on both Tailwind's and Next.js's documentation page, I can't seem to find any unique rules between the two that would keep my media query from working the way I want it to. How do I use media queries in Next.js's global.css file with Tailwind enabled? globals.css @tailwind base; @tailwind co ..read more

basically I saw a lot of youtube videos on how to make pre-loaders, however, all of them instead of teaching how to actually make a pre loader, just show a cool animation. I have already made an animation that works I just can't figure out how to make the actual pre-loader of the website. By pre-loader I mean, I want the animation to show while the website is loading in the background and after 4 seconds of the animation showing I want the website to appear. .kosa { position: relative; width: 900px; height: 100px; overflow: hidden; } .kul { position: relative; /* display: none ..read more

I am trying to put a game in my website via iframe in html but the keyboard is unresponsive this only appears for 1 of my games though. I was expecting this to work as normal but the keyboard ended up not working and this has only been an issue for 1 game so far ..read more

This is the terminal, scrolling down gives the codes to put in header and body. It also provides the code snippet. https://terminal.jup.ag/ So I've put <script src='https://terminal.jup.ag/main-v2.js' /> in my website head and <div id="integrated-terminal"></div> in my website body The code snippet is inserted like this in a html block: <script window.Jupiter.init({ displayMode: "integrated", integratedTargetId: "integrated-terminal", endpoint: "https://api.mainnet-beta.solana.com", }); </script The Jupiter dex swap is not showing up. My domain : top-autos ..read more

I am learning JS and trying to make a simple calculator on my own with 1 weeks lessons to test myself but I got stuck at getting the user-input values from my HTML text fields, below is my html: <div > <input id="first-number" type="number" placeholder="first number"> <input id="second-number" type="number" placeholder="second number"> <br /><br /> <button id="multiplication" onclick="multiply()">Mutliply</button> <button id="addition" onclick="addition()">Addition</button> <button id ..read more

I have a Power BI which I'm using the HTML Content visual to generate a .svg image. By default, the canvas is 1280x720 for maximum compatibility (this I cannot change). The .svg was created in Canva, using the 1920x1280 resolution (because of how PBI scales background images it provided the best of both worlds between 720/2K users). Now I want to make my .svg dynamic, which requires the URL/code itself vs .svg file I previously used. The most common is this resolution for end-users is 720P and 1080P, followed by 2K resolution. When using the "Canvas Background" with the .svg file (Fit), everyt ..read more

how are you? I would like to know how I can make a text/number change each time the user refreshes the page. My website is Wordpress/HTML and I have access to Elementor Pro. In this case, to explain better, I have a film review website and I want to make a joke where every time the user enters the page to read the review, the film's rating will change. Can someone help me? Thanks! From what I read on the internet, I have to use Javascript, but I'm not a programmer and I don't understand it very well ..read more

I am a student trying to pull data like likes and posts from websites like twitter, Instagram, Facebook,Youtube and TikTok. This is solely for research and would like to get some ideas on how i would go about pulling the data from these websites. Any recommendations and help would be awesome. I tried already using tweepy with python but have been getting many errors and seeing that there are many restrictions to the api usage and access levels ..read more

I was trying to make something like the pre loading animation of this website. I have tried chat gpt, but he gave me something weird instead of the svg being filled it simply put a black square on top of it. ideally the animation should last about 2 to 3 seconds I was quite close to getting it but stack overflow does not allow me to post my attempt, because I have a disproportional ammount of code. I have a svg right here: <?xml version="1.0" encoding="UTF-8"?> <svg viewBox="0 0 1795 236" xmlns="http://www.w3.org/2000/svg" xmlns:v="https://svgstorm.com"> <g fill-opacity=".02" s ..read more

I need help with some CSS/HTML animations. I've added animations to a few different parts of my website, but I'm running into trouble. When a user scrolls to a particular location, I want the animations to start over every time. For instance, the animation starts when a user hits the site. I would like it to restart when the user scrolls to the "About Me" section and all subsequent sections. I would be grateful for any advice or code snippets on how to accomplish this! All i want is how the animations retriggered themselves everytime a user go to a particular sections? Example: I'm in the Home ..read more