Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
8

James Gascoigne

@Gascoigne09Cardiff130 points

One foot in the door... I may as well throw myself through it and see what happens.

Latest solutions

  • clipboard-landing-page. HTML & SASS


    James Gascoigne•130
    Submitted about 4 years ago

    0 comments
  • Testimonial Grid & Sass


    James Gascoigne•130
    Submitted about 4 years ago

    1 comment
  • First time using Sass and Grid.


    James Gascoigne•130
    Submitted about 4 years ago

    1 comment
  • Social Proof


    James Gascoigne•130
    Submitted about 4 years ago

    1 comment
  • 3 Column Preview - HTML & CSS - Code Comments


    James Gascoigne•130
    Submitted about 4 years ago

    2 comments

Latest comments

  • Saurabh VR•320
    @saurabh1996-rex
    Submitted about 4 years ago

    Profile-card using HTML and CSS.

    1
    James Gascoigne•130
    @Gascoigne09
    Posted about 4 years ago

    that something odd in the background might be the two circles being in the wrong places maybe?

  • Bijay Khadka•60
    @Bijay4444
    Submitted about 4 years ago

    Its simple html and css.

    1
    James Gascoigne•130
    @Gascoigne09
    Posted about 4 years ago

    Great job dude, I found your code so much easier to read than my own hahaha.

  • Raghav Kapur•215
    @codingkapur
    Submitted about 4 years ago

    Four Card Feature Section with CSS Grid

    1
    James Gascoigne•130
    @Gascoigne09
    Posted about 4 years ago

    If it were possible, i would image it to be a lot more annoying to put in place than using media queries.

    Also, you might want to have a look at using a max-width on your cards at larger screen sizes as they become quite stretched.

    Great job though

  • Tom•45
    @TdZink
    Submitted about 4 years ago

    HTML and CSS only

    3
    James Gascoigne•130
    @Gascoigne09
    Posted about 4 years ago

    By the looks of it you've tried to use transform to centre your container. You'd need to include this i believe:

    position: absolute;
    top: 50%;
    left: 50%
    transform: translate(-50%, -50%);
    
  • Vanza Setia•27,715
    @vanzasetia
    Submitted about 4 years ago

    Four Card Feature Section HTML5 CSS3 Sass

    #bem#sass/scss
    3
    James Gascoigne•130
    @Gascoigne09
    Posted about 4 years ago

    This is an incredible effort if its something you've done on your phone.

    There is one small detail I'd like to address, when the viewport hits its breakpoint, your karma and team builder containers are slightly smaller than the ones on left and the right, but as the viewport increases the problem is very quickly resolved.

    It's a tiny detail i'm bringing up but again shows you've done a great job. :)

  • Jared Brown•90
    @JaredBrown1
    Submitted about 4 years ago

    Four Card Feature

    2
    James Gascoigne•130
    @Gascoigne09
    Posted about 4 years ago

    One of the easiest ways to help with the feeling of being overwhelmed is to spend just that little extra time thinking about what classnames you can use and really set each section apart from each other.

    I see a lot of .card-this and .card-that and it would eventually start giving me a headache when i needed to make the minor finishing touches. Comments are great to, i use them to break my work up.

    Finally have you considered building projects with mobile first in mind? It'll save you time and another headache!

View more comments

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