Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P

    @O-Julia-O

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am proud of using flexbox and grid a lot here, i learnt a lot about it thanks to this project.

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

    I encountered with placing all items with grids, I spent a lot of time to understand how to do it like in design. But the most helpful was site where i could create similar schema of grid.

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

    I need help with creating the message share. How did you guys created in your project? Have you used clip-path? Or you just downloaded the message picture and put in html?

    Also I'm still struggling with positioning, how can I improve it ?

    Also I had problem with border-radius, i did it for block div "content", and added overflow:hidden, but it cut the message "share", so I deleted it. I added left border-radius to picture and deleted overflow: hidden. Please, share your experience, how did you solve this problem?

    @rahmatshoh-1

    Posted

    Does the solution include semantic HTML? Yes, the HTML document uses <main> and <article>, which are semantic elements in HTML5 Is it accessible, and what improvements could be made? could add the aria-labelledby attribute to <article> and an id to <h1> for better screen reader support. could add in alt attributes that provide more descriptive text for images. Does the layout look good on a range of screen sizes? Yes look good on a range of screen sizes Does the solution differ considerably from the design? There is a slight difference in font weight for the H1 and the color contrast.

    0
  • @rahmatshoh-1

    Posted

    Figma LINK : https://www.figma.com/file/zXjjtvZaDPPO0Y8fMp1VY8/Frontent-Mentor?node-id=0%3A1&t=BDakwCWMS2BsaP7l-1

    0
  • @rahmatshoh-1

    Posted

    HERE IS FIGMA DESIGN LINK https://www.figma.com/file/zXjjtvZaDPPO0Y8fMp1VY8/Frontent-Mentor?node-id=10%3A327&t=BDakwCWMS2BsaP7l-1

    0