William_O^2 Comments - Answer Overflow

William_O^2

Posts Comments

KPCKevin Powell - Community

•Created by William_O^2 on 10/17/2023 in #front-end

Why the container does not work?

Thank you very much, I will note it thumbup

5 replies

KPCKevin Powell - Community

•Created by William_O^2 on 10/17/2023 in #front-end

Why the container does not work?

Thank you. I understand that if you set a width on <img> it will works, so the container or upper level will not set a limitation to the <img>?

5 replies

KPCKevin Powell - Community

•Created by Aozen on 11/12/2022 in #front-end

can anyone explain to me on a deep level of what is display block and display inline?

You can image display:block is display:block-block, display:inline is display:inline-inline. display:inline-block as its name. The first parameter for structure. It sets if the element will occupy one line exclusively. block for yes, inline for no. Let's move to the following parameter, responsibility for the content. Typically, you can't set the width and height of inline element, but block element does.

8 replies

KPCKevin Powell - Community

•Created by William_O^2 on 11/9/2022 in #front-end

Why this height100% works?

Thank you. So do you mean in my example, the flex container provides a computable height as parent?

15 replies

KPCKevin Powell - Community

•Created by William_O^2 on 11/9/2022 in #front-end

Why this height100% works?

15 replies

KPCKevin Powell - Community

•Created by William_O^2 on 10/10/2022 in #front-end

max-width is the king of width?

min override the max, min is king and max is queen😆

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?

Now I need to add more to my little note. I know the flex-basis will action as height when flex-column enable, but I did not realise the width will miss at this moment😅 Thank you again @Kevin

9 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?

Thank you for replying.😆 Later, I found another article talking about the topic. It explains this question clearly, I think the original author wants to simplify the solution, so he asks the developer not to use flex-basis and width together but bring confusion to junior people. This is because then the following priority cover: min|max-width > flex-basis > width > flex-basis:auto

9 replies

KPCKevin Powell - Community

•Created by IronWaffle on 10/7/2022 in #front-end

Storing a large amount of information for product display

11 replies

KPCKevin Powell - Community

•Created by IronWaffle on 10/7/2022 in #front-end

Storing a large amount of information for product display

This is what the backend gives you; typically, your will request JSON data from the backend. Then, you pick up the data from JSON to fill your card. You can store the JSON data as a variable in the memory via browser.

11 replies

KPCKevin Powell - Community

•Created by IronWaffle on 10/7/2022 in #front-end

Storing a large amount of information for product display

I think this depends on what the backend gives to you. If you do it in a framework(vue, react, etc), it's pretty easy. Use a for-loop method from the frame and fill the data into your cards. Maybe other people have a better way.

11 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?

And this: “We must be clear about the fact that in Flex layout, there is no direct effect of setting the width of a child item. At this point, someone will surely retort, I obviously set the width: 100px on the effect! Yes, there is an effect, but it is not the direct effect of width, but the role of flex-basis.”

9 replies

KPCKevin Powell - Community

•Created by William_O^2 on 9/30/2022 in #front-end

Don't understanding this expression

Thank you, I will check the topic about ternary operation

3 replies

KPCKevin Powell - Community

•Created by William_O^2 on 9/29/2022 in #front-end

How to setup this template literals?

After reading this article, I think should I need a function to determine the direction of scrolling? Since the author uses an iframe to make the example, I don't know how to modify the scrollRoot.scrollTop:https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/

7 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/29/2022 in #front-end

How to setup this template literals?

Thanks for your replying. This is the first step to setup declarations for the IntersectionObserver. Here is the fully context , you will see I have to repeat it in line62-69. I don't want make chunk of repeat code so I can reusing the code in future. Or any other suggestions(First time touch the IntersectionObserver, maybe some misunderstanding here😅 )? https://github.com/CodingFish1/RWD-SAMPLE-2/blob/main/app/assets/js/all.js

7 replies

KPCKevin Powell - Community

•Created by Myndi on 9/29/2022 in #front-end

Filling remaining space

Where is your .container and .row? If you need Bootstrap to manage your layout, please follow the HTML structure.

77 replies

KPCKevin Powell - Community

•Created by William_O^2 on 9/29/2022 in #front-end

How to setup this template literals?