Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
6

RyanFoerster

@RyanFoersterBelgium130 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive Results summary component using HTML and CSS


    RyanFoerster•130
    Submitted about 1 year ago

    I'd like some advice, especially on responsive design.


    0 comments
  • Responsive Newsletter SignUp Form using Angular and Boostrap 5

    #angular#bootstrap

    RyanFoerster•130
    Submitted about 1 year ago

    I'd like some help to understand responsive with bootstrap


    0 comments
  • Responsive testimonials grid section using HTML and CSS


    RyanFoerster•130
    Submitted about 1 year ago

    I'd love some tips on responsive, whether it's breakpoints, habits to adopt, etc.


    1 comment
  • Responsive four card feature using HTML and CSS


    RyanFoerster•130
    Submitted about 1 year ago

    I'd like some help to find out if I should change the height and width of the containers, body, etc. using max or min and also for the font size, I understand that I have to use the clamp() function but I don't really understand how it works.


    1 comment
  • Responsive product preview card using HTML, CSS


    RyanFoerster•130
    Submitted about 1 year ago

    I'll take any advice, but especially the ones about responsive. If anyone has resources, tips etc I'm interested.


    1 comment
  • Responsive recipe page using HTML, CSS and Media Queries


    RyanFoerster•130
    Submitted about 1 year ago

    I have no idea


    2 comments
View more solutions

Latest comments

  • rimhadev•100
    @rimhadev
    Submitted over 1 year ago

    Testimonials Grid Section

    1
    RyanFoerster•130
    @RyanFoerster
    Posted about 1 year ago

    Good work, but don't forget to generate a new screenshot because this one doesn't look responsive at all!

  • floHalInetum•70
    @floHalInetum
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    This is my first grid ! I'm proud of it :)

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

    The top-border color... The box-shadow...

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

    The top-border color doesn't seems right to me... The html could be better...

    Responsive landing page using CSS grid

    1
    RyanFoerster•130
    @RyanFoerster
    Posted about 1 year ago

    Good work !

  • 123dakalo•50
    @123dakalo
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Text decoration for crashing the old price

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

    Fontawsome somehow icons were not working, so I decided to use SVG pic on button so yeah that was my challenge.

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

    Coders always tell me to code from phone device to computer device and I don't understand maybe someone from here we can use video call and assist my mistakes that would be so much help

    Responsive product preview card using HTML and CSS

    2
    RyanFoerster•130
    @RyanFoerster
    Posted about 1 year ago

    Good job! I'll try to use your code as inspiration to better understand responsive, which looks pretty good on your site!

  • LSK•40
    @krishnalokam
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I learnt how to provide transition effects

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

    Div height is taking too long , I am not sure how to control it

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

    Div height is taking too long, how can I change it, also align the card to the center

    Social Links using flex

    1
    RyanFoerster•130
    @RyanFoerster
    Posted about 1 year ago

    Hello, to center the div try using flexbox on your body and for the size of the div try changing the "height" property to a pixel or percentage value.

  • EL GABOURI Saad•150
    @wetas2020
    Submitted about 1 year ago

    blog-preview-card

    1
    RyanFoerster•130
    @RyanFoerster
    Posted about 1 year ago

    Try using the "box-shadow" property to create shadows on the card.

  • leriwa•30
    @leriwa
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I was able to do this from memory and not look at notes.

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

    Getting the image to conform to its parent, was a case of trial and error in dev tools.

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

    I still need to brush up on fonts and selectors.

    Responsive & accessible QR code challenge solution

    2
    RyanFoerster•130
    @RyanFoerster
    Posted about 1 year ago

    Good work !

    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

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