@RamirezJordanSubmitted 11 months ago
Latest solutions
Responsive landign page of recipe with CSS Flexbox and Methodology BEM
#bemSubmitted 2 months agoI would like help with site response using FlexBlox, media queries and how to correctly implement the BEM methodology.
responsive landign page with CSS Flexbox
Submitted 4 months agoI would like to receive help with CSS FLEXBOX and responsive pages
Latest comments
- @Jair117Posted 2 months ago
I like it, the only detail I see is that the color of the body does not correspond to the challenge and has the same color as the card.
0 - @mariamkhan04Submitted 2 months 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?
@Jair117Posted 2 months agoI like it. The design looks great, although it lacks some details. In HTML it is not semantic, I recommend using the tags main, section, article, footer and figure. The mobile view looks great but does not fully meet the challenge, I recommend using media queries and relative positions to better adapt the mobile view and make it correspond to the challenge. Also, I recommend using variables in CSS to reuse code.
0 - @LincolnBollschweilerSubmitted 3 months agoWhat challenges did you encounter, and how did you overcome them?
Mobile vertical was getting top and bottom cut off. I replaced main container (.main) height 100% with min-height: 100vh.
- @AmyH-gooseSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I'm most proud of using what I learned from the last project (namely rems, semantic markup) in this one, as well as finishing another project in general! :D
What challenges did you encounter, and how did you overcome them?I mainly struggled with organizing all the things I needed to do so I broke it down step-by-step into small problems.
What specific areas of your project would you like help with?Any feedback is welcome! I'd like to know if there are things I can do better such as if the way I'm styling with css is too strict and won't allow for scaling, or if the way I'm styling the HTML is too verbose.
- @RikkiSamoneSubmitted 4 months ago@Jair117Posted 4 months ago
The layout doesn't look very good on mobile screens. inta use relative units (rem o %) instead of px. To make the page adapt to various devices you can use media query. You can use global selectors to set the font and thus avoid repeating them, for exemplo * {font-family: Outfit, Arial, Helvetica, sans-serif};.
0
