Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
14
Cedrick Garcia
@cedgarcia

All comments

  • Samuel Fuchs•60
    @samuelfuchs
    Submitted over 4 years ago

    Challenge made with basic HTML & CSS

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Hi, Samuel Fuch!

    Well done on this challenge! Your code is clean. I suggest you to add a max-width property in your main to make it look better(it stretches too much on a bigger screen ). Overall Goodjob. (add max-width:1400px; in your main)

  • Aldair Avalos•50
    @AMLO-Bot
    Submitted over 4 years ago

    Newbie profile card, used semantic HTML and BEM CSS

    2
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    As a newbie, your code looks great. Try to minimize your usage of a double dash(--) in naming classes because it might make someone confuse, and your CSS code will look messier(especially if you will use variables in CSS). You can check my solution here: (https://cedgarcia-front-end-mentor-solutions.vercel.app/1_profile-card-component-main/index.html), GitHub repo(https://github.com/CedGarcia/FrontEndMentorSolutions/tree/master/1_profile-card-component-main). Overall Good Work

  • Massimiliano Cornale•350
    @mcornale
    Submitted over 4 years ago

    Fylo data storage component

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good Job. Your design looks perfect and your code is clean. Just try to separate your css code next time. Kindly follow me on github. Thank you

  • oodana•70
    @oliferosadana
    Submitted over 4 years ago

    huddle-landing-page by oodana

    3
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good job. Your code looks clean. If you want to learn more, kindly follow my github account You can see my solutions in there

  • Wiktor•20
    @wiktorpagacz
    Submitted over 4 years ago

    Responsive layout using floats

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good Job on your first challenge. Try to use Relative Units e.g. (vh,vw, rem ,em) for a better responsive design

  • Tae Ishida•35
    @taeishida
    Submitted over 4 years ago

    Profile Card Component using HTML and CSS

    2
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good job. Your code is clean. Keep it up

  • Robin•30
    @Robinkariuki
    Submitted over 4 years ago

    User Profile Card built using custom css

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good job on your first attempt. Just add a "background-repeat:no -repeat;" on your styling. It seems that you did'nt use the "bg-pattern-bottom.svg". Try to add it by doing this:

    body { background-image: url(images/bg-pattern-top.svg), url(images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-size: 800px; background-color: rgb(0, 182, 199); }

  • Jamie Wales•90
    @Jamie-Wales
    Submitted over 4 years ago

    Profile Card - HTML + CSS

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good Job, Positioning of background is always hard. Your code is clean Just deep dive on media queries to make it responsive

  • Guilherme Silva•140
    @glmsilva
    Submitted over 4 years ago

    responsive site using html css only

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good job. Your code is clean. Just remove the "scrset" (<img src=images/icon-supervisor.svg alt=Calculator Icon srcset=``>)

  • Eskender•65
    @egxperience
    Submitted over 4 years ago

    Bootstap 5, MDN CSS Tutorial

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Good work! You just need to adjust the bottom-background to right.

  • Yagiz•140
    @tosbaa
    Submitted over 4 years ago

    Profile Card with Flex And Grid

    2
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Try to resize your Card, and follow the colors given by the guide. Your code looks clean. Specially the profile-stats

  • Raihan-21•210
    @Raihan-21
    Submitted over 4 years ago

    Responsive card using Bootstrap

    2
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Try to separate your css code from your html. Other than that, your code looks clean

  • Anthony•10
    @akoshmanov
    Submitted over 4 years ago

    Profile card component (desktop desigh only)

    1
    Cedrick Garcia•905
    @cedgarcia
    Posted over 4 years ago

    Add an overflow-x:hidden in your body in css;. To make it responsive(mobile) add media queries.Your code looks good

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

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