Skip to content
OverviewSolutions
12
Comments
5
Min Thiha Maung
@Swanpyaethewalker

All comments

  • Teezee86•100
    @Teezee86Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    this one was tough for me so im just happy I as able to finish the project to the best of my ability.

    What challenges did you encounter, and how did you overcome them?

    Making the page responsive as far as changing the lay out with two different images I just kept trying different Ideas until I was able to keep the card center with no over or scrolling needing to be done by the user.

    I took breaks drank water and even deleted the index a time or two lol

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

    Organizing my CSS learning BEM and other best practices

    Responsive product page Using Html and Css

    1
    Min Thiha Maung•120
    @SwanpyaethewalkerPosted 5 months ago

    The container s supposed to be centered vertically and horizontally.

    0
  • Jacob Stone•130
    @jacob-stone9554Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the mobile-first approach I took when implementing this solution. If I were to do it differently next time, I would have put more effort into a) keeping my CSS file organized and b) the desktop and tablet styles.

    What challenges did you encounter, and how did you overcome them?

    One challenge I faced was customizing the markers for ordered and unordered lists. I didn't know that you could modify them using ul li::marker or ol li::marker, I read a few articles when I figured it out.

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

    I had trouble adjusting the height of the .recipe-card container for desktop and tablet views. I ended up putting a set margin on the top and bottom of the container. If anyone has a more elegant solution, please let me know.

    Recipe Page

    2
    Min Thiha Maung•120
    @SwanpyaethewalkerPosted 5 months ago

    Great job.

    0
  • Min Thiha Maung•120
    @SwanpyaethewalkerPosted 5 months ago

    The container needs to be centered horizontally and also need to do about margins between elements.

    0
  • Juliane Cardoso•70
    @julianesilvac75Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I'm still learning how to use figma designs but I managed to get it very close to the design, so I'm proud of that. Next time I'll take even more time to analyse all the design details before I start building the CSS, so I don't have to go back to it all the time.

    What challenges did you encounter, and how did you overcome them?

    It's my first time trying to use rem instead of px, and I still get confused with it, had to read a lot of documentation to get it right.

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

    Suggestions on how to make my code cleaner are always helpful, especially the CSS!

    Blog preview card

    2
    Min Thiha Maung•120
    @SwanpyaethewalkerPosted 6 months ago

    You did a great job. Keep it up

    0
  • Younes Iddahamou Idrissi•40
    @iddahadevSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    The key here was to take my time and not rush things. It helped me think about what the markup should be before thinking about styling. So it keeps the markup clean!

    Next time, I will try to write down on paper the markup and what is the flow of content.

    What challenges did you encounter, and how did you overcome them?

    The challenge was to get the sizing right to match the mockup ! I used a calculator and tried my best to guess how much the margins and paddings were.

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

    Any help here is welcomed ! Sementic, css classes, display techniques, accessibility...

    QR Code component using CSS Flexbox and Variables

    3
    Min Thiha Maung•120
    @SwanpyaethewalkerPosted 6 months ago

    It includes semantic HTML and code is well structured and readable and also resuable

    0