Skip to content
OverviewSolutions
6
Comments
6

Rinta Roy

@rinta-gitChemnitz, Germany100 points

Senior Software Engineer

Latest solutions

Latest comments

  • Dimitri Mabom•60
    @dimitrimabomSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I've rediscovered how grids work. what caused me a bit of trouble was aligning the blocks with the grids. this code helped me a lot.

    .cards {
  grid-template-areas:
    "card_1 card_2 card_4"
    "card_1 card_3 card_4";
}
    What challenges did you encounter, and how did you overcome them?

    N/A

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

    N/A

    Four card feature section

    #sass/scss
    1
    P
    Rinta Roy•100
    @rinta-gitPosted 4 months ago

    Your solution for positioning cards is impressive. I have different solutions, so this one taught me a new approach. Thanks.

    One suggestion: utilize @mixin for repetitive card styles to reduce redundancy.

    Happy coding :)

    Marked as helpful
    1
  • P
    Sebastian•220
    @AbestianSubmitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I was challenged by how to make image responsive using only html, I solved it by wrapping source and img tags inside picture tag:

    Product preview (responsive, flexbox, sass, bem)

    #sass/scss#bem
    1
    P
    Rinta Roy•100
    @rinta-gitPosted 4 months ago

    Good work.

    1
  • P
    Rinta Roy•100
    @rinta-gitPosted 4 months ago

    Looks good :)

    0
  • vladyslav-shulhach•190
    @vladyslav-shulhachSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able to complete this project in just one day, using semantic HTML and good CSS styling, ensuring that it was as visually similar to the design as possible. However, I'm using the free version here, I couldn't download the Figma file because of the Pro subscription requirement. Instead, I managed to manually measure the design image, where available in the free version, in pixels and applied those values to my code. I'm happy with how closely it matches the design.

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

    I didn't face any major difficulties during that development, but I'm always learning and finding ways to improve my skills.

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

    I don't have any particular areas where I need help right now, but I'd welcome any tips on improving my CSS and HTML skills. I'm especially interested in learning better ways to organize styles and improve accessibility in my projects.

    Social profile links Solution using HTML and CSS

    2
    P
    Rinta Roy•100
    @rinta-gitPosted 4 months ago

    Good work :)

    1
  • Raza Siddique•140
    @razzasidSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that i have completed this responsive blog preview card. i have learn a very basic and important concept in this project.

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

    I face challenge when i am giving width to this div when i am giving width in px it become non responsive but then i give width in percent. and other values in rem then it become responsive.

    Responsive Blog Preview Card

    1
    P
    Rinta Roy•100
    @rinta-gitPosted 4 months ago

    You missed achieving the shadow for the card's right-bottom areas. Covering that will ensure that you almost covered the design requirements. You can do this by adding this style to your card class. filter: drop-shadow(8px 8px 0 rgba(0 0 0/100%));

    When setting width, consider the space taken for padding, border, and/or margin; then the card size will become more accurate.

    The font size used for the description sentence (the longer one) is different from the design; also consider changing those sentence casings. You can copy and paste the sentence from design if you are using Figma.

    0
  • P
    Rinta Roy•100
    @rinta-gitPosted 4 months ago

    If you use figma and stick to the width and height in the design, then I believe you don't have to write media queries. Also, font size looks different; use rem calculator to get the exact size from px. It is better to remove unnecessary suggestion comments included by the frontendmentor from your readme.md file and html page. So the other people who look at your code don't need to read all those.

    Marked as helpful
    0