Skip to content
OverviewSolutions
5
Comments
5

Ana Mohammed

@AnaMdTechAfar, Ethiopia90 points

Front-end developer creating seamless user experiences with creativity and professionalism.

I’m currently learning...

React

Latest solutions

Latest comments

  • P
    Tamás Kórizs•70
    @korizst
    What are you most proud of, and what would you do differently next time?

    I had to insert two different images for the different screen sizes. I did it with the <picture> element. I would be grateful for a feedback.

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

    As I mentioned, I had to insert two different images for the different screen sizes. I did a research and I found a solution on W3Schools.

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

    I would be grateful for a feedback. Did I use the <picture> element right?

    Product preview card component using CSS Flexbox

    2
    Ana Mohammed•90
    @AnaMdTech

    its a good way to insert different images with picture element, but If you only need to adjust the size or styling of an image across screen sizes and that is what we are trying to do so I recommend content attribute on the image e.g. @media screen and (min-width: 586px) { .product-image { content: url('images/image-product-desktop.jpg'); } }

    Marked as helpful
  • Ana Mohammed•90
    @AnaMdTech

    great job just aligning the box is will do use margin: 100px auto; or other method.

  • Rizki Bagus•80
    @rizkibagus
    What are you most proud of, and what would you do differently next time?

    I most proud about transition color from the button.

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

    any mobile design comments?

    Social Links Profile with CSS Grid

    1
    Ana Mohammed•90
    @AnaMdTech

    always start with mobile first workflow and one other thing your card is not centered and you need to understand a little bit about flex and i am glad i can give you some feedbacks feel free to give me some feedback i will gladly accept it and improve.

    Marked as helpful
  • basmala4221196•10
    @basmala4221196
    What specific areas of your project would you like help with?

    Hello, Here's my solution for this challenge. Any feedback would be appreciated. Thanks

    blog preview card

    1
    Ana Mohammed•90
    @AnaMdTech

    Its cool and well matched with the design keep up the good work.

  • Rizki Bagus•80
    @rizkibagus
    What are you most proud of, and what would you do differently next time?

    Using box shadow

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

    using grid or flexbox

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

    Using max-width for mobile is possible?

    This project build using HTML and CSS grid

    1
    Ana Mohammed•90
    @AnaMdTech

    its cool and elegantly done, keep up the good work.