William_O^2
KPCKevin Powell - Community
•Created by William_O^2 on 10/17/2023 in #front-end
Why the container does not work?
Hi everyone, I need clarification about why the container does not limit the image size. I've read some articles that say the width of image should be 300px at this example.
https://codepen.io/CodingTrain_1/pen/PoXrEOV
5 replies
KPCKevin Powell - Community
•Created by William_O^2 on 11/11/2022 in #front-end
JS file does not load
1 replies
KPCKevin Powell - Community
•Created by William_O^2 on 11/9/2022 in #front-end
Why this height100% works?
Good morning everyone. I'm confused why this <img> height:100% works without assigning a computable height to its parent?
https://codepen.io/rinrinnnn/pen/QWxGQRw
15 replies
KPCKevin Powell - Community
•Created by William_O^2 on 10/19/2022 in #front-end
all elements now support content property?
2 replies
KPCKevin Powell - Community
•Created by William_O^2 on 10/10/2022 in #front-end
max-width is the king of width?
Just get to know the max-width will override the width with !important. So is any other CSS settings have such high override property？ It's a trap for a junior developer.
6 replies
KPCKevin Powell - Community
•Created by William_O^2 on 10/7/2022 in #front-end
How to understand this content regarding the flex-bias?
Good afternoon everyone. I am confused about when to use the flex-bias and how to understand the following contents. Can anyone please give me some explanations?
"Don't use both the flex-basis and the width numeric attribute value at the same time, and you won't encounter the problem of browsers. To put it more extremely, there is no reason to use the width attribute in Flex layouts unless necessary. Use flex-basis instead"
9 replies
KPCKevin Powell - Community
•Created by William_O^2 on 9/30/2022 in #front-end
Don't understanding this expression
Good afternoon everyone. I have some problems with the IntersectionObserver API and I am trying to breakdown the problems into small spices. Here is a question regarding to the JavaScript, in the following line of codes, I guess it a kind of if-statement, but I can't convert it into typical if-statement and understand it. Why there is a question mark? What are they doing? Confusing, can someone please point out what's the original face of it?
https://github.com/mbarker84/smashing-io-header/blob/master/src/index.js#L67
3 replies
KPCKevin Powell - Community
•Created by William_O^2 on 9/29/2022 in #front-end
How to setup this template literals?
7 replies
KPCKevin Powell - Community
•Created by William_O^2 on 9/28/2022 in #front-end
How can I change Navbar background colour when toggled div arrived the viewport?
Good afternoon, I want the Navbar's colour changes when the specific DIV arrived the viewport, currently I use the window.scrollY listener but it works poorly when the page size changed. Is there any better method? Thank you
The DIV will have an ID.
4 replies
KPCKevin Powell - Community
•Created by William_O^2 on 9/26/2022 in #front-end
flex-shrink does not work
Good morning everyone, I have a question regarding the flex-shrink property. When I shrink the page, some contents will drop to the second line this is not what I expect. My peers advised me to add the flex-shrink:0 to the <li> tag but do not work. Is there anything I missing?
Pages:https://codingfish1.github.io/RWD-SAMPLE-2/detail.html
Code:https://github.com/CodingFish1/RWD-SAMPLE-2/blob/main/app/detail.html#L34
5 replies