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

Cristian Alexa

@CristianAlexaLetchworth Garden City, North Hertfordshire District, Hertfordshire, England, GBR120 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!

I’m currently learning...

JS, ReactJS, NextJS

Latest solutions

  • 3 Columns Preview Card Component


    P
    Cristian Alexa•120
    Submitted 2 months ago

    0 comments
  • Single price grid component


    P
    Cristian Alexa•120
    Submitted 2 months ago

    0 comments
  • Testimonials grid section


    P
    Cristian Alexa•120
    Submitted 2 months ago

    1 comment
  • Browser Extensions Manager | React JS

    #react

    P
    Cristian Alexa•120
    Submitted 3 months ago

    0 comments
  • 4 Cars features section


    P
    Cristian Alexa•120
    Submitted 3 months ago

    1 comment
  • Product Preview Card Component


    P
    Cristian Alexa•120
    Submitted 3 months ago

    1 comment
View more solutions

Latest comments

  • Sebastian Rico Vela•160
    @AgilePanda482
    Submitted 2 months ago
    What specific areas of your project would you like help with?

    Any suggestions will be appreciated!

    3-column preview card component | Mobile-First | Responsive |

    #pure-css
    2
    P
    Cristian Alexa•120
    @CristianAlexa
    Posted 2 months ago

    Looks very good. Nice job. I love the css variables.

    The icons looks a bit out of ratio.

  • Adarsh Chauhan•40
    @codecaptain139
    Submitted 2 months ago

    Price Grid Component

    1
    P
    Cristian Alexa•120
    @CristianAlexa
    Posted 2 months ago

    Hi,

    Looks very good, nice job. Thy using grid as per challenge requirements. Will be a good exercise. It is incredible easy with grid. Also will be nice to use semantic html tags like <header>, <section>, <article>, etc.

  • P
    Mehmet Çağrı Ekici•470
    @mehmetcagriekici
    Submitted 2 months ago

    Vanilla HTML CSS Solution

    1
    P
    Cristian Alexa•120
    @CristianAlexa
    Posted 2 months ago

    Hi,

    Looks good. Nice job. However the vertical alignment is currently set to center.

  • P
    Paul Wonka•260
    @pdoubleu30
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Proud to have utilized grid for the first time. I would try to do this challenge quicker and more accurately next time.

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

    I had challenges implementing grid but utilized online resources to help work through it.

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

    anything and everything. i'm new to coding but would love any feedback to improve, especially to reduce the amount of code.

    css, html, grid

    2
    P
    Cristian Alexa•120
    @CristianAlexa
    Posted 3 months ago

    Hi,

    Looks really good. Nice touch using semantic html tags

  • Ryan Hardy•140
    @ryyHardy
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the HTML because I got it done very fast despite not taking on a frontend mentor challenge in a few months. I am also happy with the decision to go mobile-first on the design and getting the media query done. I think the final result looks really close to the design files, too.

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

    My knowledge of CSS grid is very much a work-in-progress. It took me a while to figure out how to give the grid that "staggered" layout. Also, I wanted to use the clamp() function more, and it worked eventually, but I struggled a lot with finding the right units/values to use. Like always, units are hard.

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

    In my media query, I had an issue where the font would appear too large just after the transition, before becoming normal again as the width increased. I heard it's a common struggle to handle font sizes during a media query or layout transition, so any advice is welcome.

    Also, I would love to get better at using the clamp() function. I had a hard time with using a mix of different units for the parameters and getting an intuition for how the function works.

    Finally, feel free to give feedback in any area you see fit.

    Four card feature section with CSS grid and clamp() function

    1
    P
    Cristian Alexa•120
    @CristianAlexa
    Posted 3 months ago

    Hi,

    Looks very good. Great job.

    You can also limit the width of the sub-title - you can use max-width for it. You can also use <article> instead of <div> for the .gallery-card elements.

  • Souvik Kumar Pramanik•50
    @souvikpramanikgit
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I done it by myself and also i love to do code from ui design to website.

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

    When i am creating this for desktop size, i faced alignment and centering issues, but later i fix it.

    Responsive Product preview card using Html, Css

    1
    P
    Cristian Alexa•120
    @CristianAlexa
    Posted 3 months ago

    Looks amazing. Great job. In the style section just remove the commented lines.

    Have a great day.

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