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

Alice

@AliceeLe170 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!

Latest solutions

  • Calculator using React and TailwindCSS

    #react#tailwind-css

    Alice•170
    Submitted about 1 year ago

    N/A


    0 comments
  • Newsletter signup form using Yup, Formik and React Router

    #react#tailwind-css

    Alice•170
    Submitted about 1 year ago

    N/A


    0 comments
  • FAQ Accordion


    Alice•170
    Submitted about 1 year ago

    Maybe improvement on the code?


    0 comments
  • Responsive testimonials grid using CSS Grid and Flexbox


    Alice•170
    Submitted about 1 year ago

    I'm still having trouble placing the quotation mark under the testimonial bolded text. I've tried using z-index and position:relative, but my code displays it as separate divs. Furthermore, I don't know how to make the pfp images more responsive when resizing. Would appreciate much help if anyone can help.


    1 comment
  • Responsive card section page using CSS Grid


    Alice•170
    Submitted about 1 year ago

    N/A


    1 comment
  • Responsive layout using % and text-transform


    Alice•170
    Submitted about 1 year ago

    Not much right now, and I look forward to learning Tailwind CSS soon.


    1 comment
View more solutions

Latest comments

  • Abdelrahman mohamed•230
    @Tayara97
    Submitted about 1 year ago
    What challenges did you encounter, and how did you overcome them?

    it was challenging for me when i start with mobile-first but i did it well

    responsive Testimonials grid

    1
    Alice•170
    @AliceeLe
    Posted about 1 year ago

    I really like your solution. Your relative size is much more accurate than mine. However, what you can try doing is make your texts responsive to resizing using <h1 style="font-size:8vw;">Hello World</h1> for instant.

    Marked as helpful
  • Coding-is-fun12345•70
    @Coding-is-fun12345
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the columns

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

    I had to scrap most of the css for the borders and the column.

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

    the borders and columns

    Four card feature section

    1
    Alice•170
    @AliceeLe
    Posted about 1 year ago

    I feel like the grid is a little bit off. I imagine there having 5 rows. For Team builder and Calculator, my grid-row is 2 / 4, meaning it expands from row 2nd to 4th. For Supervisor and Karma, it's 1 / 3 and 3 / 5 consecutively. Furthermore, the gap is a little bit big. You can use white as the color for the individual boxes, and box-shadow to have some shadowings.

  • Flambeee•60
    @Flambeee
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    product-preview-card-component-main

    1
    Alice•170
    @AliceeLe
    Posted about 1 year ago

    Your design is really nice. I really like how when the screen is too small, the component itself will become a horizontal version. However, you can make your text more responsive to changes in sizes using text-transform.

  • emma-fundz•10
    @emma-fundz
    Submitted about 1 year ago

    Frontend Mentor | Recipe page

    1
    Alice•170
    @AliceeLe
    Posted about 1 year ago

    The menu should only be a white box against the pink background so I suggest you can create a div for the menu, then adjusting the size against the background. Furthermore, you can adhere to the fonts by installing fonts on Google and look at the sizes.

  • JoniMonetti1•40
    @JoniMonetti1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I think what I'm most proud of is that I did this project 100% myself.

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

    The main challenge was thinking how to make the social media buttons and how to organize everything.

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

    I would like help on how to define the heights of the labels, I don't know whether to use %, pixels, em, rem, etc.

    social links profile

    2
    Alice•170
    @AliceeLe
    Posted about 1 year ago

    I think your project is pretty solid. I'd say % depends more on the relative size of the screen. I usually use % because then, I don't need to guess the pixel number. Another suggestion is that you can use a different font color for the attribution such as white so the audience can see better.

  • ABDELALI AIT TALB•40
    @Raxel01
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    this project make me practicing the grid and flex concepts that was very good for me : Combining between grids and flex in same project , I'll learn more about how to center an element with absolute position using body as reference.

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

    challenges are : * How to include the fonts downloaded from google : solution : you should just select the font from google font copy the link and include it in the head congratulation you are good .

    What specific areas of your project would you like help with?
    • element centering
    • text manipulation.
    • Time of creating projects

    blog-preview-card

    1
    Alice•170
    @AliceeLe
    Posted about 1 year ago

    I think you did a pretty good job at aligning the items. However, you can make use of paddings so that the elements are more spaced out visually.

    Marked as helpful
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