markeya Comments - Answer Overflow

I just meant that I didn’t understand why the text got larger when I turned it as I turned my phone when looking at other articles and the their font size didn’t increase. Here are just 3

18 replies

KPCKevin Powell - Community

•Created by markeya on 3/12/2025 in #front-end

Extra space, missing space and breakpoint adjustment

@clevermissfox And yeah I understand. I did a bit of research and saw what you were saying yesterday and I will continue to use responsive units for global font size. That’s why I changed it from rem to pixels as you suggested 😙

18 replies

KPCKevin Powell - Community

•Created by markeya on 3/12/2025 in #front-end

Extra space, missing space and breakpoint adjustment

That makes sense about the images. I need to practice with that. Thank you for the tips!

18 replies

KPCKevin Powell - Community

•Created by markeya on 3/12/2025 in #front-end

Extra space, missing space and breakpoint adjustment

@vince hey if you have any answers about the last 2 questions I just posted ⬆️ feel free to chime in

18 replies

KPCKevin Powell - Community

•Created by markeya on 3/12/2025 in #front-end

Extra space, missing space and breakpoint adjustment

@clevermissfox I have two follow up questions though: 1) When you’re given a project and there has to be an image, do you find images or do they give you the images already sized correctly for the webpage or do you have to resize them in CSS? I was trying to see if I could scale my image a bit smaller in CSS (I added a lower max-height to the .image container img in the media query) and there was a lot of extra space under the image so I didn’t know if it was something that was possible to do well or not. It didn’t work well so I deleted the styles for that 🙃 just a question for future reference 2) Another question I had was about the font-size. If I go to a couple articles online, I see that if I turn my phone to the side, it looks like font size doesn’t change. I like that style. And that’s what I would like to be able to do with my text. When I looked at this blog that I made when I turned my phone to the side, the text looked too large for a phone. AND THAT WAS WHEN IT WAS SET TO 16px 😦 I changed the font size to 1.125rem later and I’m getting the same issue. I wanted everything to basically look like 18 pixels, but I’m saying that it doesn’t stay looking that way when I turn my phone to the side no matter if I’m using pixels or rem. If you have some insight into why that is, I’d appreciate it if you let me know

18 replies

KPCKevin Powell - Community

•Created by markeya on 3/12/2025 in #front-end

Extra space, missing space and breakpoint adjustment

@clevermissfox Thank you so much! I took your advice and implemented it except the first part. I didn’t want extra space on the side of the sidebar. I just want an extra space on the left and right side of the main or .blogpost. I think ended up fixing that though. I tried to remove the margin bottom from the header, but everything was too close to the top so I kept it. I tried to use gap but when I applied gap it created space under the aside. The aside was basically detached from the footer, which is not the look I was going for. That’s another reason I kept it. I saw that I had some extra padding on top of blog post to remove that so that the top of blog post lines up with my aside.
Everything else I implemented and it worked. Also I will check out those resources too!

18 replies

KPCKevin Powell - Community

•Created by markeya on 2/10/2025 in #front-end

Alignment issue: Extra space on the left and right side of a horizontal list when stacked.

OK, I read over the simplified code and thought about it and implemented those changes. It does look simpler and it works out the way I wanted it to look. This was helpful and helped me in my learning. I haven’t had much practice with these things. Thank you so much 🙂

11 replies

KPCKevin Powell - Community

•Created by markeya on 2/10/2025 in #front-end

Alignment issue: Extra space on the left and right side of a horizontal list when stacked.

I really appreciate it. I’m going to take a look

11 replies

KPCKevin Powell - Community

•Created by markeya on 2/10/2025 in #front-end

Alignment issue: Extra space on the left and right side of a horizontal list when stacked.

If I remove the max-width of the paragraph, then there is no space between the paragraph and the icons in the full-screen version. The paragraph has its max-width changed to 100% for small screens though. Small screen version is when I’m seeing the extra space on the right

11 replies

KPCKevin Powell - Community

•Created by markeya on 2/10/2025 in #front-end

Alignment issue: Extra space on the left and right side of a horizontal list when stacked.

@Chris that worked for the extra space on the left side! Really appreciate it! The only thing I’m wondering now is how to deal with the extra space on the right side of the inside of the container 🤔 because I want the paragraph to look centered in the viewport for smaller screens like as if it has the same margin on the right that is on the left side (pretty small)

11 replies

KPCKevin Powell - Community

•Created by markeya on 2/3/2025 in #os-and-tools

General question about profiles on Github

This is helpful. I didn’t have much context for this area starting out thank you this makes sense

37 replies

Gaming

Programming