There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply () below.
If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.
Join the Discussion. Help a fellow learner on their journey.
Ask or answer a question about this exercise by clicking reply () below!
Agree with a comment or answer? Like () to up-vote the contribution!
This part doesn’t seem to be making a difference in the sizing to me. I am still not able to see the impact of setting the widths to min and max. I mean, I get the concept and it is a great one, but I am unable to see it making any difference. So tell me how will I be able to get to see that.
Hi, can I ask how to define which values to use for the min-width and max-width properties i.e. what drives the choice of values and are there any predefined values for specific devices? Thanks!
I simply use the dev tools to inspect the box model of the <p> elements (specifically, their widths)
Codecademy instructed us to give the <p> elements a min-width property of 200px. Even if we don’t really see a big visual difference, these dimensions are the ones that make the web page look cleaner one most screen sizes. If you want to actually see a difference, use your browser’s dev tools to inspect the <p> elements’ box model
When you get onto media queries, you’ll see that there are some famous screen sizes. However, even if you know the width of a screen, you can still modify the widths of your elements to match your preferences (there aren’t any pre-defined widths for elements).
Note : The unit of pixels is used to ensure hard limits on the dimensions of the element(s).
However, I don’t really get it. When I developed web pages in the past, I set most sizing properties (box model properties, font-size) using the rem unit. This means that if the user changes the default font size in his browser preferences, not only will the actual text adapt to these changes, but the whole web page will also get sized according to the user preferences. What about min-width and max-width? What happens if we set it using rem or px?
I would say, min-width should be applied not to the particular “p” selector, but for the whole “body”, so that a user can see the difference without any scrolling and finding where paragraphs begin.
But at the same time this can even be a tricky exercise since I was wondering as well, why I had not been seeing the difference while narrowing the window. All that’s because p’s are below h1’s, h2’s, strong’s and so on, so the changes were not so obvious and I applied min-width to the “body” selector to see it.
I have a question regarding the other extreme: going up from 200px to like 400px has a visible effect, but why doesn´t it seem to have an effect if I go down to say 50px?
) below.
) to up-vote the contribution!