Skip to content
OverviewSolutions
3
Comments
3
Ali Mostafa
@Alil0l

All comments

  • zaid333sa•180
    @zaid333saSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I would try other things beside flex box, I've tried doing the trick with display grid but it didn't work😅

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

    The main challenge was to do the boxes as two of them were on top of each other, so to do the trick I've put to boxes in a container, and then with flex box I set align items to be centered and the flex box direction to be column

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

    I want to know if there are other ways to place the boxes like in the design challenge, it worked with me by using flex box, but I want to know if there are other solutions

    Four card feature section using html and css

    1
    Ali Mostafa•30
    @Alil0lPosted 9 months ago

    Great Work mate

    I was thinking of trying the grid too but I didn't try it actually as the flex did the trick.

    if you want to use the grid, I suggest you first create a grid of 3 columns each is 1fr width then for the middle column you will display it as flex and do the other staff as normal flex.

    and ofcourse you will center the content in the grid with justify and align.

    0
  • Calvin Young•20
    @cwwyoungSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    flexin

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

    also flexin

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

    not too interested in feedback i'm hjust trying to get to the next stage on the path

    Quick and Dirty Flexbox Refresher

    2
    Ali Mostafa•30
    @Alil0lPosted 9 months ago

    great work

    0
  • Rahul Kumar•570
    @rahulkumar215Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    Hello, Frontend Mentor community 🙋‍♂️.

    This is my solution ✅ for the Product Preview Card Component

    I learned about Responsive Images 🖼, picture tag in HTML, It was also a good project to practice Flexbox📦.

    It was really easy to make it responsive thanks to flexbox. It really is a powerful tool.

    Follow me in my journey to finish all Free 🆓 and Free + challenges (62 left 🎯)! Gotta Catch ’Em All

    That's all.

    Have Fun Coding!

    Product Preview Card Component 🎯. ( BEM + Responsive Images )

    2
    Ali Mostafa•30
    @Alil0lPosted 9 months ago

    This is such great work!

    I loved the picture in the README file I'd love to try it too.

    I wanted to ask, why you used before and after for * element 🤔

    I'm still new and would love to learn more 😁

    0