Latest solutions
- Submitted about 1 month ago
Results summary component with some beautiful hover button
#bootstrap#pure-css- HTML
- CSS
Latest comments
- @peterforster10Submitted about 1 month ago@idristomyPosted about 1 month ago
Nice Job! Use display flex to center the recipe instead adding the margin top
0 - @samuelgomez05Submitted about 1 month ago
- @ARVIND9882Submitted about 1 month ago@idristomyPosted about 1 month ago
Great job! One thing I want to point out is that you shouldn't set a height in the media query because it pushes the profile class to the top and leaves the bottom empty.
0 - @ayleoSubmitted about 1 month ago
- @mariamkhan04Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I am proud that I tackled responsiveness effectively and nearly matched the design.
I also faced some confusion while writing CSS, so next time, I will explore CSS frameworks to enhance my styling.
What challenges did you encounter, and how did you overcome them?I encountered challenges in adjusting the full menu to fit the display screen. Even after setting the body height to 100vh, my content remained scrollable instead of properly adjusting. I would love some suggestions on how to overcome this issue—perhaps I’m not understanding it correctly.
Also, I wasn’t sure how to style list markers and had to seek help online to align them properly with the text.
What specific areas of your project would you like help with?Yes, I need help with the line marker alignment issue, the menu not fitting properly, and some spacing inconsistencies. Also, I used the <strong> tag in my HTML, but the text didn’t appear bold—possibly due to an overriding CSS property. I had to explicitly set font-weight: bold for the <strong> tag. How can I resolve this issue?
@idristomyPosted about 1 month agoNice job! The <strong> syntax didn't work because you set font-weight: 400; within the * selector, so that means you applied this property to all elements inside the HTML even <strong> will take font-weight: 400;
0 - @ayleoSubmitted about 1 month ago