Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
32
Comments
3

Jose Chaparro

@jchaparArizona455 points

I'm a frontend developer who enjoys turning UI Designs into live demos using HTML & CSS/Tailwindcss

I’m currently learning...

HTML, CSS/Tailwindcss

Latest solutions

  • Mobile First Card Component using React

    #react

    Jose Chaparro•455
    Submitted about 2 years ago

    1 comment
  • Mobile First Expense Component using Flexbox


    Jose Chaparro•455
    Submitted about 2 years ago

    0 comments
  • Responsive Mobile First Component


    Jose Chaparro•455
    Submitted about 2 years ago

    1 comment
  • Mobile First Responsive Page utilizing CSS Grid & Flexbox


    Jose Chaparro•455
    Submitted about 2 years ago

    2 comments
  • Mobile First Responsive Landing Page


    Jose Chaparro•455
    Submitted about 2 years ago

    0 comments
  • Responsive Landing Page using TailwindCSS

    #accessibility#tailwind-css

    Jose Chaparro•455
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • P
    Jeff Lang•330
    @jefflangtech
    Submitted about 2 years ago

    Responsive landing page with grid and custom variables

    1
    Jose Chaparro•455
    @jchapar
    Posted about 2 years ago

    Amazing Job on this Jeff! Your site looks good on mobile, tablet and desktop view points! I have to say its not to often the project/challenge slider looks almost identical. Appreciate the feedback given on my challenge. Happy Coding!

  • iago•400
    @iagohenrique2009
    Submitted about 3 years ago

    Huddle landing page with html, css flexbox

    1
    Jose Chaparro•455
    @jchapar
    Posted about 3 years ago

    Hey Iago! Nice work on this challenge. Once thing I noticed in you styles is that you put JUSTIFY-CONTENT twice in the Main elements styles. First time as Center and the second as Flex-Start. If you're looking to center the content it would be best to do Justify-Content and Align-Items as center. I'm guessing you went with a Desktop first approach and this should help center you content on desktops.

    Marked as helpful
  • Jose Chaparro•455
    @jchapar
    Submitted almost 4 years ago

    CSS Grid and Flexbox Stats Card

    2
    Jose Chaparro•455
    @jchapar
    Posted almost 4 years ago

    I redid the HTML markup and went with a mobile approach when it came to styling it. I feel happy that this version looks a lot better than the first submission. The one thing I've been having an issue with is the dark violet line underneath the image. I'm still currently looking but haven't been able to figure out why this line is visible on mobile and not desktop.

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