Skip to content
OverviewSolutions
4
Comments
3
rahmatshoh-1
@rahmatshoh-1

All comments

  • 🔅 Yuliya 🐈•240
    @O-Julia-OSubmitted 4 months ago
    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?

    Responsive Article preview component

    2
    rahmatshoh-1•40
    @rahmatshoh-1Posted 2 months ago

    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•40
    @rahmatshoh-1Posted over 1 year ago

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

    0
  • rahmatshoh-1•40
    @rahmatshoh-1Posted over 1 year ago

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

    0