Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
11
P

Ruben Bardok

@RubenbardUtrecht, The netherlands180 points

Frontend enthusiast learning HTML, CSS, JavaScript, React and other techniques , and loving the challenge. I sometimes get lost in de code but each bug fix feels like a win, and every new concept i'm mastering is a small victory. Still on the journey, but having a blast with every step!

Latest solutions

  • `newsletter sign in page, with bootstrap modal


    P
    Ruben Bardok•180
    Submitted 4 months ago

    1 comment
  • responsive article page with tailwind and Flowbite

    #tailwind-css

    P
    Ruben Bardok•180
    Submitted 5 months ago

    1 comment
  • meet landing page with desktop, tablet and mobile sizes


    P
    Ruben Bardok•180
    Submitted 5 months ago

    1 comment
  • testimonials grid responsive with css grid


    P
    Ruben Bardok•180
    Submitted 5 months ago

    the mobile grid, it looks bad of you make the browser small, but looks good if you put the browser in mobile responsive mode. from whast i see the code is good, so i don't know what the right solution is.


    1 comment
  • responsive four card feature section with css grid


    P
    Ruben Bardok•180
    Submitted 5 months ago

    1 comment
  • responsive product preview card


    P
    Ruben Bardok•180
    Submitted 5 months ago

    1 comment
View more solutions

Latest comments

  • Kaviyaa88•160
    @Kaviyaa88
    Submitted 4 months ago

    Time Tracking Dashboard

    2
    P
    Ruben Bardok•180
    @Rubenbard
    Posted 4 months ago

    omg looks very good, looking at your code i still have a lot to learn..

    Marked as helpful
  • whosadik•300
    @whosadik
    Submitted 4 months ago

    Newsletter

    1
    P
    Ruben Bardok•180
    @Rubenbard
    Posted 4 months ago

    loks nice, except some styling, but keep up the good work

  • Dairon Canel•360
    @dairon-canel
    Submitted over 2 years ago

    Article Preview Component using HTML, Javascript and Tailwind CSS

    #tailwind-css
    1
    P
    Ruben Bardok•180
    @Rubenbard
    Posted 4 months ago

    Wow, looks absolutelty fantastic, great work

  • P
    Jair•760
    @JairRaid
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    The challenge for me is to add the image hero on the right when the window size is for desktop. I solved it by creating custom JS script. If someone have the best solution for this please give the code.

    meet landing page

    1
    P
    Ruben Bardok•180
    @Rubenbard
    Posted 5 months ago

    Hi Jairraid,

    looks nice, for the hero images on desktop size, i just made three div's, left-image, text, right image and display:flexed them. Look at my solution here: https://github.com/Rubenbard/meet-landing

    Marked as helpful
  • Joseph Stalin•240
    @Soliman0100
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    It was difficult to make the grid system dynamic to suit all sizes I had to go back to the grid system lessons to review the grid-template-columns and some other things. But I don't think it's the best or even good

    grid and flex system

    1
    P
    Ruben Bardok•180
    @Rubenbard
    Posted 5 months ago

    looks good, allthough you still have to implement the grid, but you could just be practicing offcourse.

    Keep on trucking! ;)

  • P
    thawit•820
    @tacesept
    Submitted 5 months ago

    Four card feature section using flex

    1
    P
    Ruben Bardok•180
    @Rubenbard
    Posted 5 months ago

    looks very nice, try to use rem or em, instead of px for your width and heights, that way it's supposed to be better for responsiveness.

View more comments
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

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

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