Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
4
P
Marius
@mvStadenProjects

All comments

  • P
    ReiRev•310
    @ReiRev
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I think it's time to use React or Vue.

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

    In the Figma design file, dividers with a height of 0px and a stroke height of 1px are used. To implement this, I needed to create a divider like the following:

    <div class="h-0">
        <div class="h-[1px] w-full box-content bg-stone-150"></div>
    </div>
    

    In the implementation above, the content of the divider overflows.

    Dividers are also used in tables. In this case, I needed to wrap the divider with <td>.

    Tailwind CSS (CDN)

    #tailwind-css
    1
    P
    Marius•80
    @mvStadenProjects
    Posted 3 months ago

    Looks good, but you can use border-b on your sections and then just add margin on the last element in your section then you don't need to add a divider div.

    Marked as helpful
  • Ujjval Dargar•100
    @Ujjval-dargar
    Submitted 4 months ago

    Social Links Page using FlexBox

    #pure-css
    1
    P
    Marius•80
    @mvStadenProjects
    Posted 4 months ago

    For your name and location and bio, rather use heading tag for name and paragraph tag for location and bio.

  • Arthur VIENOT ONGARO•10
    @kyu-dev
    Submitted 6 months ago

    blog card preview

    #pure-css
    1
    P
    Marius•80
    @mvStadenProjects
    Posted 4 months ago

    Looks good :)

  • José Mama•240
    @codesByJose
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    being able to arrange the divs so that it doesnt displace its content on different screens

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

    first challenge was trying to make a repository to github.. was pretty difficult. Id like to think its the most exciting part of this project for me... and also after hosting it to github... the images didnt load also, so i had to go in search of everything that could possibly be going wrong with it. It was exciting to know that, all the images used were supposed to be in a folder so that git hub doesnt just access any how but by folder, so im sure to not make this error next time. I was also able to utilize my margin and padding properly without using them out of proportion

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

    All feedbacks are welcomed

    responsive Qrcode component

    2
    P
    Marius•80
    @mvStadenProjects
    Posted 12 months ago

    On your QrcodeContainer class, div's are already block level elements. Which will stack them underneath each other. You can remove the flex-direction:column on your QrcodeContainer. It doesn't do anything.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub