Lighthouse & Multi-format Responsive <picture> tag
I'm a little perplexed and wondering if someone can see what i'm missing. Running a Lighthouse test on one of my sites and it's coming back that I should be using WEBP as my image format of choice. As far as I can tell, I am and have PNG as a fallback.
Below is the code in question.
<picture>...
overflow-y: scroll not working in Chrome
hey again everybody.
I just noticed I have an issue with my website when using it with Chrome based browsers ... the overflow-y: scroll isn't working. In Firefox and Safari it's working just fine.
any ideas what's causing this?
...
Set a grid
Hi everyone
I want realise a grid but I don t understand what is going wrong
https://codepen.io/alpha_66/pen/wvOXdGw...
https://codepen.io/alpha_66/pen/wvOXdGw...
Embed Youtube videos without info
Hey guys, I am trying to embed a youtube video on the UI, I was able to do it using <iframe> but I want those controls and title to be disappeared which comes on bottom and top of video respectively when we hover over that video.
Is there any way to achieve this.
The thing which I am trying to implement is to embed a video like Netflix browse page on UI. I am making use of TMDB database to get the youtube key of that particular video....
I need a help in NEXT JS google font
i am having a problem in my next js project of google font is not loading or displaying on web or browser and not showing any errors in console and in first it was working but now it is not can any one help
dynamic cards sizing issues
I have been working on a dynamic payment form similar to the one from frontendmentor but I am trying to do it with all CSS and no images or SVGs. I started with a mobile first approach and tackled desktop version through landscape media query which to me was good since it made it responsive for mobile devices on landscape mode. Main thing I’ve had trouble with is coming up with a way to size the dynamic card and it remain responsive and consistent across different screen sizes. Thank you for...
SEO wordpress
Hey guys I'm not sure if this question is related to front end or back end but I have a new website that was created for my through WordPress and I want to be sure its SEO optimized. Would anybody be able to help me out answering some questions I have and what information I'm missing. I appreciate any help in advance.
frozencomputers.co.uk/...
Small white space at bottom of bootstrap site
I have tried over and over debugging with chrome tools. When I hover over the "P" element in my footer it shows that it is pushing down and creating the space. However I have no Margin bottom (mb- is the bootstrap for margin bottom) in my footer at all.
Here is the element that chrome tools says is the problem.
<p class="text-white pb-5 fs-3">Copyright © Frontend Bootcamp</p>
...How can I center this box I created?
Hey there Im working on a project and I wanted to center this container (White Box) how would I go about this correctly? Ignore the "My Portfolio" This isn't actually mine thats just a button to redirect the user to my portfolio
Project Questions
Hey there, I had a quick question regarding projects - So If I were to create a project to put on my portfolio should I have anything to redirect a user in a NAV Bar? or would it be fine to have one button that says "My Portfolio" so if a user likes my project they can click the button and learn more about me and see other projects.
Form To Send Emails
Hey, I have a quick question are there any good websites or anything for submissions? I had one originally but it isn't working as intended and i wanted to know if there are any that work better specifically where someone submits a form and it goes to my gmail.
How can I make a button redirect better?
So, I've created my portfolio and I have buttons <a href> for my Nav I wanted them to redirect the user to different parts of the portfilo. Would I just add an ID to the class and use that in my <a href="">?
Is a global grid with 'auto wrapping" subgrid possible?
codepen:
https://codepen.io/elmcrest/pen/ExMLeLW
I'm experimenting with a new layout trying to get a global grid to work with multiple subgrids.
...
Need help with my image and linear gradient property
How Would I get my image to remain solid white but the background remain the color its supposed to be without fading the image color. If you look at my copy of the challenge design my image fades with the background, but on the challenge itself the image remains solid and is not affected by the background color
Carousel w/ JS
Hello,
I'm trying to make a product carousel but I'm completely stuck on how to build / structure this. Basically, I want to display 5 products. Once NEXT button is clicked, slide and display the next 5 products. And vice versa with PREV button.
I found a demo online and have been trying to understand it. It was a bit buggy and I tried to fix some things for my likings, but it's still rather buggy....
Vite integration on pre-existing react project.. 404 but dev server running
This is the existing project: https://github.com/nnall/CRUDApps/tree/main/signup
Because the backend is already set up in my current project, I'm reluctant to scrap it and use
npm create vite@latest
to create a whole new react project through the vite command.
I merely want to integrate it, like an npm package, and run the vite server as my dev server, which I appear to be doing (see pic) according to the terminal output when I run this script: "start": "npx vite",
....Parent container with overflow not changing height based on child elements
Hello, im trying to make a slider with 4 divs that changes between them. Inside of these divs there are 4 other divs which should contain an image and some text. I managed to do the script and to change them between them.
But i have a problem with overflow, the main container doesn't change it's height in anyway. I want it to change its height responsive to the child elements and remove the Y scroll. I tryed to use overflow-x and overflow-y auto but nothing. Maybe if i put some screenshoots it will be easier to understand. Only way to change its height is if i expresively write it. If i remove the height it should nothing. How does this annoy me? I want to use it on a homepage as a last uploaded products that shows the last 16 products. I could put a bigger height, but depending on the title text from the database it may overflow or look bad....
Dipslay issue
Hi team,
i want to center logo but i get the below error
The browser says: The display: block property prevents align-items from having an effect. Try setting display to something other than block
if you have any solution for this issue...