Skip to content
OverviewSolutions
6
Comments
5
Hoda Hossam
@hoda257

All comments

  • bttrvng99•140
    @bttrvng99Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Being able to use both grid and flex without much difficulty.

    What challenges did you encounter, and how did you overcome them?
    • How to center each card in each grid
    • How to make the image appear in the bottom-right corner of each card

    I used flex inside the cards and add align-self: self-end to the images and align-self: center to each column

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

    I would like to make the shadows lighter without changing the specified color, and how to add animations such as cards moving or font shrinking/zooming up when resizing the window.

    Four-card feature section using flex and grid

    1
    Hoda Hossam•80
    @hoda257Posted 7 months ago

    Well Done !

    0
  • ana-lsm•80
    @ana-lsmSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    First time using media query, and data attributes.

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

    To center the content in the page, just adding a min-height solved the issue.

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

    With the accessibility for screen readers.

    Responsive web-page

    2
    Hoda Hossam•80
    @hoda257Posted 7 months ago

    You did a great job! Keep Going 👏🏻

    1
  • Hoda Hossam•80
    @hoda257Posted 7 months ago

    Excellent work! Keep going 👏

    1
  • Hoda Hossam•80
    @hoda257Posted 7 months ago

    Hello! I walk through your code fast, well done!

    I just have one recommendation, In general it's better to add a fallback value for the font-family by adding another font name, so that it can be used in instances as an alternative when the initial value is not found/available in the browser like this: font-family: "Figtree", Arial;

    Keep Going!

    Marked as helpful
    0
  • bea-jpg•130
    @bea-jpgSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I learned how to use Git and GitHub properly.

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

    I had some struggles updating files in GitHub but I read some documentation and overcomed that.

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

    "div"s conventional classes.

    qr-code-component-main

    1
    Hoda Hossam•80
    @hoda257Posted 7 months ago

    It's very good

    • The code is well-structured and readable.
    • Using flex properties to center the card is a good addition for my knowledge as I always use position and translate.
    1