Skip to content
OverviewSolutions
3
Comments
5

Abdur Rahman

@nuraf9607Bangladesh70 points

Exploring the realm of web 😉

Latest solutions

  • Responsive Summery Component using Grid

    #accessibility
    Abdur Rahman•70
    Submitted 9 months ago
    • I couldn't make the button transition while hovering over them, I found online that there is a problem transitioning from still color to gradient, but I don't know how to solve it
    0 comments

  • NFT Preview Card

    Abdur Rahman•70
    Submitted 10 months ago

    When I wrote img::before and I wanted it to cover my whole my image by using inset but nothing was showing up but when covered the image with a div and then used ::before on it, It worked as expected, I am still confused why is it that I used a same approach on both but it did work on the wrapper div but didn't directly worked over the image?

    1 comment

  • QR Code Component with Soft Box Shadow

    Abdur Rahman•70
    Submitted 10 months ago

    I would appreciate a different approach of my design

    0 comments

Latest comments

  • yfeienzo•60
    @yfeienzoSubmitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I don't know how to import custom font using nextjs tailwind

    Blog preview card

    1
    Abdur Rahman•70
    @nuraf9607Posted 10 months ago
    1. Visit the Google Fonts website.
    2. Select a font that suits your needs.
    3. Click on "Get Font."
    4. Click on "Get Embedded Code."
    5. Choose the @import option.
    6. You'll find a link like this: 
      @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    7. Copy the @import link and paste it at the top of your CSS file.
    8. You've now successfully imported the font.
    9. To use it, refer back to where you copied the link. Below it, you’ll see the appropriate font-family value to use in your CSS.
    0
  • Kweku_Felix•90
    @Black1ukSubmitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I am able to finish the challenge

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

    inserting fonts

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

    importing fonts

    product-preview-card-component

    1
    Abdur Rahman•70
    @nuraf9607Posted 10 months ago
    • Put these on the top of your CSS file:
    @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    • and then use either of these two based on the need:
    font-family: "Fraunces", serif;
font-family: "Montserrat", sans-serif;
    0
  • Kaustubhya Shukla•50
    @kaustubhyaSubmitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Responsiveness

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

    Was not able to tackle the image overlay effect.

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

    Ideas on how to build on top from this??

    NFT CardComponent by KSD (HTML, CSS only)

    2
    Abdur Rahman•70
    @nuraf9607Posted 10 months ago

    You could check my solution

    1
  • Novan Afandi•40
    @novanAfndSubmitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud to have learned about hover in CSS. In the future I will try more difficult challenges and maybe challenges that use JS.

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

    I found a problem with the bem. When an html element is nested too deep. the naming became confusing so I made the naming bem by changing it a little according to my understanding.

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

    Please give me feedback for naming using bem when we have html code that is nested too deep.

    Order summary component solution using HTML and CSS only

    #bem
    1
    Abdur Rahman•70
    @nuraf9607Posted 10 months ago

    While you did fairly well, there could be some improvements such as "plan__plan-description" Instead of doing this you could do "plan-description", and also "text__upper-text" you could do "plan-description__lower-text" which Is more descriptive and follows BEM rules.

    Marked as helpful
    1
  • Ho Van Quoc•20
    @hvQuoc133Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Doing this project helps me learn more about Html and Css.

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

    There are CSS properties that I don't know about.

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

    Please help me consider the appropriate way to use tags in Html?

    Social links profile

    2
    Abdur Rahman•70
    @nuraf9607Posted 10 months ago

    For semantics, You could consider using the main tag for the primary content container, and also instead of using h4, it would be best to use the p tag instead, after all this isn't a heading. lastly, change h2 to h1 because that's the primary text that people would focus on while visiting the page, I hope I helped you.

    Marked as helpful
    0