Latest solutions
Responsive landing page using flexbox.
Submitted 2 months agoI really need help with something — I want to know if I can set fixed sizes on elements, and when I should or can do that.
Blog card with Flexbox
Submitted 3 months agoI’d like some help with CSS. I received feedback that we should rarely define fixed width and height for an element. When should I define them, and when should I let the element adjust to its content (and how can I do that)?
Flexbox to align the card
Submitted 3 months agoI'd like to know if the methods I chose were the right ones, or if there was a better way to do it.
Latest comments
- @Binawari@davvisamuel
HTML: Use a <main> tag to wrap the main content. This is very important for accessibility.
Add an alt attribute to the image, for example: alt="Avatar of Jessica".
CSS: In the *{ rule, you typed an "o" instead of a "0". Also, when the unit of measurement is 0, you don't need to specify the unit.
box-sizing: border-box; helps with layout control.
Don't set a fixed size on the body, as it breaks the layout on smaller screens. Use min-height: 100vh instead.
To align the container, it's better to use margin: 0 auto;.
- @Ahmed-Hussam18What are you most proud of, and what would you do differently next time?
I'm proud that i found a free course online that can help me develop my programming skills. I'll try harder to finish the tasks faster.
@davvisamuelI am new to front-end, so I don’t have much knowledge, but one tip I received is to use padding: 16px on the body to ensure that the content doesn’t touch the edges on smaller screens. I really liked the way you did it, great job :)
- @croscob3@davvisamuel
Got it! I’ll switch to English and help improve your text from now on. If you ever need anything else, feel free to ask!