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

José Arteaga

@jharteagaVancouver, British Columbia255 points

Web Development student. In my spare time, I enjoy learning and sharing with others about web dev trends.

I’m currently learning...

React, javascript

Latest solutions

  • Base Apparel coming soon page - Sass, HTML and JS


    José Arteaga•255
    Submitted over 5 years ago

    1 comment
  • Huddle landing page with alternating feature blocks - HTML/CSS Flexbox


    José Arteaga•255
    Submitted over 5 years ago

    2 comments
  • Huddle Landing Page with HTML and CSS Flexbox


    José Arteaga•255
    Submitted over 5 years ago

    1 comment
  • Single Price Grid Component using HTML and CSS Flexbox


    José Arteaga•255
    Submitted over 5 years ago

    1 comment
  • Four-Card Feature Section with HTML and CSS Flexbox


    José Arteaga•255
    Submitted over 5 years ago

    0 comments

Latest comments

  • Adarsh Pratap•5,515
    @adarshcodes
    Submitted over 5 years ago

    Clipboard Landing Page (CSS-Flexbox- Fully Responsive with Animation)

    2
    José Arteaga•255
    @jharteaga
    Posted over 5 years ago

    Wow it's awesome!! Nice job!

  • Stone Leiderson•45
    @stone-leiderson
    Submitted over 5 years ago

    HTML/CSS Using Flexbox

    1
    José Arteaga•255
    @jharteaga
    Posted over 5 years ago

    Nice desktop design Stone! I would recommend you using media queries to build the responsive part for the mobile design :) you are almost done! great job!

  • Carlos Fins•145
    @clockwerkz
    Submitted over 5 years ago

    Four Card Feature Section using HTML/CSS

    1
    José Arteaga•255
    @jharteaga
    Posted over 5 years ago

    Awesome work Carlos! You left it like the original design and very smooth responsiveness! There is a veeery little thing that I suggest you, maybe adding in mobile design a barely margin on the sides, because it's too close to the edges in some resolutions such as 440px. Excellent work though!

  • Bethany•855
    @whimsicurl-creations
    Submitted over 5 years ago

    Single price grid component with flexbox

    5
    José Arteaga•255
    @jharteaga
    Posted over 5 years ago

    Excellent Bethany! I love your responsiveness as well. I just finished it but my responsive design needs a lot of improvements haha. I will take a look to your CSS to learn. Thanks for share your solution :)

  • hanafy0•70
    @hanay0
    Submitted over 5 years ago

    Four card feature section (using Flexbox and Media queries)

    1
    José Arteaga•255
    @jharteaga
    Posted over 5 years ago

    Hi! I was reviewing your code, and in my opinion, some problems that I have identified are the following:

    • Combining positions (absolute and relative) with Flexbox.

    • Setting fixed width and height in some containers that is not necessary.

    • In mobile design, your flexbox alignment should be center instead of flex-start.

    • Using auto in right/left margin makes your card containers position too close from the sides without space.

    • Check the error in line 16 in your CSS file.

    Good going buddy! I hope these comments helps you :)

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

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