Skip to content
OverviewSolutions
25
Comments
17
Razha Jamsik Syah
@Razha90

All comments

  • Razha Jamsik Syah•700
    @Razha90Posted about 2 years ago
    1. you have 505 ACCESSIBILITY ISSUES and 319 HTML issues , you must try to repair that.
    2. I think for this project used grid not best solution , you can try this code for in .
    .grid-box {
display: flex;
flex-wrap: wrap;
set gap what u want
justify-content: center;
}
.card {
delete margin
delete height in card and replace padding
set width 
}

    Happy coding 😆

    1
  • Julien•40
    @windu80Submitted over 2 years ago

    This is my 3rd challenge :)

    On this one, I had to use "position: absolute" for the eye icon above the cube image. I don't think this is the ideal solution, but I couldn't find another way to have both images superimposed.

    Any held, and feedback over the whole project, is welcome! :D

    NFT preview card component - my 3rd challenge

    3
    Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • position: absolute; is best solution for this , but you give set position like top or left , if you delete set position and give little margin for setting position you got it .
    • This card not centering , you can add body {width:100vh; height: 100vh; display:flex; align-items: center; justify-content: center;} for make card be auto center. you can deletetemargin: auto; and .content-and-attr

    Happy Coding 😆

    0
  • Nikul Sagadhara•190
    @nikul-sagadharaSubmitted over 2 years ago

    Hello Friends!,

    I made this testimonials grid section project with the use of only GRID LAYOUT!. Go check out and give suggestion or feedback in the comment section.

    Thank You :)

    Responsive Testimonials Grid Section

    1
    Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • you create image in html tag you should put image in .item1 with background-image: url(''); and set the location with background-position: ; this way is more practical.
    • you add display: flex; in .profile-name , but you forgot to set align-items: center; to make children focus on the center.

    Happy Coding 😁

    Marked as helpful
    0
  • vglumac•130
    @vglumacSubmitted over 2 years ago

    Hi everyone! Is there a way to make sure my buttons are round? I tried playing with padding, but the end-result is not ideal.

    Interactive rating component

    1
    Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • To make a perfect circle , you have to give the width and height the same size and give border-radius: 50%;.
    • I noticed you gave a display: flex; but you gave a margin to keep the distance you should use gap: 0.3em; to keep the distance.

    Happy Coding 😁😁

    Marked as helpful
    1
  • Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago

    Halo bang orang indo kah ??

    0
  • T0R0•280
    @XxtbmfxXSubmitted over 2 years ago

    It didn't fit completely but i think it works :D Suggestion open ヾ(•ω•`)o

    Just trying some react

    1
    Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • first , i really like your profile picture .
    • You should try to solve the html error given by the frontendmentor.
    • You can set body{ margin: 0;}
    • I think the layout is not wide enough .

    Happy Coding 😁

    1
  • Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • I think it's better if it becomes an auto center, you can use this body { with: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } html{height:100%;}

    and Happy Coding😁

    Marked as helpful
    0
  • Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • i prefer to use .Cards Display{ display: flex; flex-wrap: wrap; flex-direction: row; } .card-country{ width: 200px; }, you can set the card-country width as needed, this will make the layout more responsive .
    • maybe you can teach me how to make loading .

    Happy Coding 😁

    Marked as helpful
    0
  • Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • I can't order the product
    • when the image is enlarged, the image is not very responsive , you can try this position position: fixed;
    • frontendmentor detects so many mistakes try to fix the mistakes from frontendmentor first.

    Happy Coding 😁

    1
  • Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • I think you made a big mistake, this is API project .
    • For dice auto center , you can use display: flex; justify-content:center; align-items: center; in class.dice for img

    Happy Coding 😁👏

    0
  • Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago
    • are you using react?? .
    • You must have made a mistake when uploading files using react .
    • If you want to use netlify to upload react , make sure your netlify setting is for npm react Happy Coding 😁
    Marked as helpful
    0
  • Karthik•20
    @vjkarthik1987Submitted over 2 years ago

    Is it OK I dont know how to centralize a div vertically

    QR Code Generator

    2
    Razha Jamsik Syah•700
    @Razha90Posted over 2 years ago

    • for auto center you can provide display: flex; on class.main-container . and add justify-content: center; . if you want the height to be auto center align-items: center;

    • don't give height to class.qr-code-holder just let it be auto and give it a padding .

    • give color background-color: hsl(212, 45%, 89%); pada body atau html .

    Happy Codding 😁😁😁😁

    0