P
@masrestu
Latest solutions
Testimonials grid section solution using CSS Grid
Submitted about 2 months agoNothing really, just need to continuously practice.
four-card-feature-section-master solution using Grid and Flexbox
Submitted 3 months agoNothing much really.
Recipe Page Solution using HTML, CSS & Flexbox
Submitted 3 months agoStill want to focus more on positioning and layouts.
Social Links Profile Solution using HTML, CSS & Flexbox
Submitted 3 months agoNothing that stands out atm. Just the HTML containers and landmarks I need to wrap my head around.
Blog Preview Card Solution
Submitted 3 months agoI need to focus a bit more on how flexbox, grid and positioning works.
Latest comments
- @curtleyAk
Almost exact! Well done! Can learn more from your code. :)
- @Talal-Amir@curtleyAk
Looks fantastic! Well done!
- @coder0898@curtleyAk
Pretty good, just remember to look at the styling a bit more. But it all looks very good!
- @VelocoDev@curtleyAk
You did well! Great Job! Next time, try using classes as well to target certain sections. You also missed targeting the sections to apply individual styling.
Use li::marker to target and style the markers.
To target and change the styling of certain words in a p element, use span to wrap them. HTML: <li><span>Total:</span> Approximately 10 minutes</li> CSS: li span { font-weight: 700; }
- @umayr10@curtleyAk
You did well! I'd recommend looking at your spacing. Even without the Figma file, it's best to assume that the padding in the container will be the same all around its contents.
It looks like you ran into some trouble centring the items. I'd suggest using display:flex for aligning items inside containers. Also, when using flexbox, you can set the margins around your container to auto in order to centre it in the middle of the webpage.
Here's a link that helped me a lot to understand how to use flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Marked as helpful - @kalashsz@curtleyAk
I'm going to copy a great comment left for me by @Networksentinel "I learned a valuable rule that stuck with me: "If there's a more semantic tag you can use, go for it—avoid <div> when possible. Your SEO and accessibility will thank you later!" 😄"
I'm also struggling with this as you get used to just using divs as your containers. I think we should look at reading the improved code links. This will help you inherently start writing better HTML.
Well Done!!! You did great. :)
