Question 7 - Githubissues

mthanh2209 / html-css-training

https://html-css-course-rouge.vercel.app

0 stars 0 forks source link

Open mthanh2209 opened 1 year ago

mthanh2209 commented 1 year ago

What is the effect of Fr Unit?

used to determine the size of the grid track and means that the track can take some (or all) of the available free space.
use fr, the content in the cells will not break, but it will fit the content, and using % will do the opposite
px is a fixed unit, and fr is divided by the remaining size Ex: grid-template-columns: 100px 1fr; /* Two columns: the first has 100px, the second takes up the rest of the grid container */

hungnguyenhuu-agilityio commented 1 year ago

px is a fixed unit and so what? should we use px? what is affected of?

mthanh2209 commented 1 year ago

Using "px" for responsive design can be problematic and is generally not recommended. Because it represents a fixed size that does not change regardless of the screen resolution or device size.
This lack of flexibility can lead to several issues:
- lead to less flexible and responsive layouts.
- may result in a layout that looks great on one device but appears small or oversized on another, leading to an inconsistent user experience.