Frontend Mentor Question & Feedback
https://www.frontendmentor.io/challenges/article-preview-component-dYBN_pYFT
Attached are the desktop and mobile versions. My question is: I feel like the way I set up the layout is too hardcoded. I relied a lot on max-widths/heights instead of letting the content be dynamic. I'd appreciate some feedback; this was a lot harder than it should have been for me especially since I'm not exactly new to html/css, so I guess I'm not as good as I thought I was 😂
https://codepen.io/vince1444/pen/YzOgYeM...
Manifest v3 extension refuses to load styles in Chrome, no issue in FireFox
I am at a loss.
FireFox will happily load the CSS files I've listed, whereas Chrome will not.
I've made sure to re-run my bundler, reload my extension, and update my browsers.
...
Guidance on how to handle .json with many objects which contain .svg images
#general
I have a "jobs.json" file which holds many 'job posting' objects which will be imported into my index.js and then looped thru, in order to ultimately have their information be added to the html via template literals.
My issue is that each object includes, as its "image" property, an .svg image. ...
Weird button hitbox(click-area?)
Hello! I'm having problem with button click-area when using Event Delegation. Basically only a small part of button is respond to being clicked if button has content inside of it, but if I directly target it with EventListener it works fine. Why is that?
Picture below is example of a button, consisted of <img> and <p> tag. It only registers click when clicked between the "arrow" and "Reply" text when being targeted by EventDelegation, but works fine when you attach Listener to it.
Project link below if you want to test it. When you click in between arrow and text, in console "Not working" text will appear, when it should appear when clicked on the whole button....
Website jumps around when virtual keyboard is up
I have a login page. ( used in full screen mode like a PWA. Added to home screen )
When the user clicks on one of the input boxes the virtual keyboard pops up. When the user finishes typing the username he either wants to click away from the box to be able to click to the login button or wants to click to the password input box. When the user clicks away the virtual keyboard hides but bring the page with itself to the bottom. And if the user clicks again, the website jumps back to it's normal position.
I have included a gif demonstrating the problem. and here is a codepen link: https://codepen.io/drrandom/pen/eYLbBdq...
