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

shalforb

@shalforb170 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

  • Tip Calculator using HTML, CSS, JS


    shalforb•170
    Submitted 20 days ago

    1 comment
  • Time Tracking Dashboard Using CSS, HTML and JS


    shalforb•170
    Submitted 21 days ago

    1 comment
  • Newsletter Sign Up Form with HTML, CSS and JS


    shalforb•170
    Submitted about 1 month ago

    1 comment
  • Article preview component using HTML, CSS, and JS


    shalforb•170
    Submitted about 1 month ago

    Writing Code.


    1 comment
  • Article preview component using HTML, CSS, and JS


    shalforb•170
    Submitted about 1 month ago

    Writing code.


    0 comments
  • Testimonials grid using HTML and CSS Grid


    shalforb•170
    Submitted about 2 months ago

    1 comment
View more solutions

Latest comments

  • P
    Alex•200
    @Oleksandr5768965
    Submitted 23 days ago

    Responsive,mobile-first,flex-box

    1
    shalforb•170
    @shalforb
    Posted 20 days ago

    Looks great!

  • medbdey•190
    @medbdey
    Submitted 22 days ago

    Time tracking dashboard

    1
    shalforb•170
    @shalforb
    Posted 21 days ago

    Looks great!

  • Dalliger•150
    @jpbascon
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I planned the approach of this project. It made a world of difference when I figured out how to properly structure elements to enhance the flexibility. I also learned so much from CSS - mostly in terms of responsiveness.

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

    Definitely the email validation. The whole thing was new to me so I had to heavily rely on copilot. And of course, I learned the code first before passing this solution

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

    None for now

    Newsletter signup with CSS & JavaScript

    1
    shalforb•170
    @shalforb
    Posted about 1 month ago

    Looks good!

  • John Gorman•170
    @Johng117
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I enjoyed creating the svg using codepen. I would use a framework like react and have a reusable component to render the social media/avatar section.

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

    I wasted a lot of time just using a single container/div for the social media and avatar section and it became very difficult to manipulate it for all views and I eventually decided to create two elements, one for views below desktop and another for the desktop view. Nesting the svg in an <object> tag also caused problems as element within the svg became difficult to target.

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

    Time management and when to relent when something doesn't work.

    Article-preview-component

    1
    shalforb•170
    @shalforb
    Posted about 1 month ago

    Looks spot on.

  • Marshall-Marcelo•210
    @Marshall-Marcelo
    Submitted about 2 months ago
    What specific areas of your project would you like help with?
    1. Had a problem putting the quotation image behind the card so I didn't include it.
    2. I had a problem adjusting the main container width so that the cards would fit more on the middle but each time I changed the width below 80vw the whole container would shift to a direction, adding margin didn't help.

    Testimonial Grid Section

    1
    shalforb•170
    @shalforb
    Posted about 2 months ago

    I had similar problems with the main container's size and width. Looks good regardless!

  • kwakuobeng16•30
    @kwakuobeng16
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'll try using flex for it

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

    Making the shadows, I searched

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

    Understandin more about CSS grids

    four-card-feature-section-master using css grid

    1
    shalforb•170
    @shalforb
    Posted about 2 months ago

    Looks good!

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