Skip to content
OverviewSolutions
3
Comments
3
PauloHenriqueOC
@PauloHenriqueOC

All comments

  • Srijan Manandhar•470
    @srijanssSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Learned about

    • semantic HTML
    • mobile first development approach
    • CSS Flexbox.
    What challenges did you encounter, and how did you overcome them?

    While using Flexbox, some browsers didn't support flex-gap. So, tried to use margins on the element instead. But later figured out that some old versions of those browsers doesn't support that.

    What specific areas of your project would you like help with?

    I am using media queries for responsiveness. Is there a way to do it without media queries?

    Mobile first approach using Flexbox

    1
    PauloHenriqueOC•50
    @PauloHenriqueOCPosted 6 months ago

    Hello Srijan

    Your solution looks really pretty cool.

    • The code is easy to understanding.
    • The layout is identical to the chalenge

    About your question, in my experiences media queries is one of the way to do responsiveness pages. I belive you can do this programatically but the best way is with CSS. You can read about "coluns", "Flex Box" and "CSS Grid" for example.

    This link maybe can help you to start: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design

    Marked as helpful
    1
  • PauloHenriqueOC•50
    @PauloHenriqueOCPosted 6 months ago

    Hi Alex!

    I want to say that your solution looking good! The layout is identical (as I see haha) and your code is very well written even so that a beginner like me can understand!!

    Keep your good work :)

    0
  • PauloHenriqueOC•50
    @PauloHenriqueOCPosted 6 months ago
    • the layout looks fine for me. Just a bit difference in the component size.
    • the code is looking good too, its easy to understanding

    congratulations :)

    0