Chimi
KPCKevin Powell - Community
•Created by roelof on 9/29/2024 in #front-end
Feedback on a CLR course challenge
Yep! My only other suggestion is, instead of having classes with names like
brown or white, name them something more specific so others know what it is.
For example, instead of just div we have the container class, or the hero class which tells you what it is.
Consider something else instead of brown or white in the future.
Great work!14 replies
KPCKevin Powell - Community
•Created by roelof on 9/29/2024 in #front-end
Feedback on a CLR course challenge
My bad, for some reason that worked when I tried it out.
I would remove the color on
h2, and make a class to change the color of the single <h2> in the main section rather than for each one in the <aside>, it’s easier to let those inherit the white color.14 replies
KPCKevin Powell - Community
•Created by roelof on 9/29/2024 in #front-end
Feedback on a CLR course challenge
I think this is good stuff, roelof!
Remember DRY - Don't Repeat Yourself.
Since all the text in your
aside is white and centered, you can eliminate the .white class altogether and put those properties under aside. After that change, .white h2 is then just a repetition of .white and isn't adding further functionality. You can put the aside properties into a class for your <aside> element, maybe something like .side-content or .sidebar.
Additionally, you have .content with the property display: flex, but this can be omitted as it's not doing anything; it only has one flex child, <div class="container row">, which takes up all the available space. <main> and <aside> are flex children of <div class="container row"> (.row makes it the flex parent), and have room to move around as needed. ⭐14 replies
KPCKevin Powell - Community
•Created by yan joshua on 9/30/2024 in #front-end
me help in css just fix this img
Do you have an example of what you're trying to do?
I'm assuming you want the image aligned in the navbar with the other items. In this case, everyting you have under
.navbar img is uneccessary as it's brute-forcing the image to be unaligned. Remove that, set a max-width value, maybe the 75px you have in your height, and you should be good to go. You're using display: flex, so everything will already line up. Don't set explicit heights. Hope this helps.9 replies
KPCKevin Powell - Community
•Created by Macro Informática on 4/13/2024 in #back-end
LARAVEL
@mod
4 replies
KPCKevin Powell - Community
•Created by Deacon on 3/7/2024 in #os-and-tools
How to use Git in command line
225 replies
KPCKevin Powell - Community
•Created by Deacon on 3/7/2024 in #os-and-tools
How to use Git in command line
225 replies
KPCKevin Powell - Community
•Created by Deacon on 3/7/2024 in #os-and-tools
How to use Git in command line
GitHub usually has the steps written out for setting something up, no?
225 replies
KPCKevin Powell - Community
•Created by Wust on 10/17/2023 in #front-end
Image Caption width of Image
Does the
div with the class alles have to have a height of 500px?20 replies
KPCKevin Powell - Community
•Created by pary on 10/16/2023 in #front-end
Adding bc to a buttton
4 replies
KPCKevin Powell - Community
•Created by rnkwill on 10/14/2023 in #front-end
How to check if an element contains a class using JavaScript?
statContainer is a NodeList, so you can't use matches on it, only on individual DOM elements33 replies
KPCKevin Powell - Community
•Created by pary on 10/16/2023 in #front-end
Adding bc to a buttton
If you're trying to see the moth in your image, play around with the background image properties. Something like
background-size: contain and background-position: center should get you started. The picture is really big, so without setting a background-size of some sort to fit the size of your button, you were just seeing a white part of the image. Hope this helps!4 replies
KPCKevin Powell - Community
•Created by ademondev on 9/28/2023 in #front-end
weird white gap on the bottom while scrolling down mobile
Looks similar to Andy Bell’s CSS reset, I like your solution 🙂👍
27 replies
KPCKevin Powell - Community
•Created by Chimi on 9/10/2023 in #front-end
XHR "error" event listener not working when URL is wrong. Confused as to why
In the video, Colt typed gibberish at the route level and his threw the error, yet mine didn’t even though it was the exact same code. Hence my confusion 😂
I appreciate the explanation, I’ll experiment with it more
8 replies
KPCKevin Powell - Community
•Created by CDL on 8/17/2023 in #front-end
Attempting a todo list - have I made life difficult by hardcoding the HTML?
Sorry 😂
21 replies
KPCKevin Powell - Community
•Created by CDL on 8/17/2023 in #front-end
Attempting a todo list - have I made life difficult by hardcoding the HTML?
Neither! Bootstrap only!!!!!!!
21 replies
KPCKevin Powell - Community
•Created by Chimi on 8/14/2023 in #front-end
Is fluid/responsive typography a good idea, or horrible for accessibility?
I need to look at clamp further as I've never used it before. Thanks a million everyone! 😎
13 replies