Skip to content
OverviewSolutions
9
Comments
0
P
Aurélien Cabirol
@AurelienWebnation

All solutions

  • Submitted 4 months ago

    React + Styled Components + Debounce search

    • HTML
    • CSS
    • JS
    • API
    1

    I used the handleChange function to check if the input is empty or not, this is the function :

    function handleChange() {

    if (!event.target.value) {
  setInputError('Whoops, can’t be empty…');
} else {
  setInputError('');
}

setWord(event.target.value);

    }

    I think there is a better way to do this. Actually, the network request will be made, even if the input is empty.

  • Submitted 5 months ago

    Bmi calculator - React & Styled Components

    • HTML
    • CSS
    • JS
    1
    • How to create the Limitations of BMI section correctly, with the grid tool?
  • Submitted 5 months ago

    Accessible FAQ accordion

    • HTML
    • CSS
    • JS
    0
  • Submitted 6 months ago

    React / React Hook Form / Styled Components

    • HTML
    • CSS
    • JS
    0

    I need some review on my layout and the custom input :

    • My TwoColumns component is a good solution?
    • My custom radio and checkbox input are good? I first create the icon myself with before and after element, but then I switched to use an svg icon with background property
  • Submitted 6 months ago

    React + Styled Components

    • HTML
    • CSS
    0

    For example, I have this global css variable : --spacing-xs: 12px;

    If I want tu use it : padding-top: var( --spacing-xs);

    But what if I want to have em instead of px? I tried something like this: calc((var(--spacing-xs) / 16px) * 1em) But it didn't work.

  • Submitted 6 months ago

    React + Styled Components

    • HTML
    • CSS
    0

    I'm not sure about my List component. Can I improve it? An alternative?

  • Submitted 7 months ago

    Workit landing page - React + styled-components

    • HTML
    • CSS
    0
    • Spacing between section
    • Managing background image position (like bg-pattern-1.svg etc) perfectly
    • Using tokens for font-sizes / padding / margin or raw values?
  • Submitted 8 months ago

    Blog preview card - React + styled components

    • HTML
    • CSS
    0

    I need some review about the font-size management I used. I had hardcoded the css variable here, only for the footer, to be sure the size will be the same all the time : https://github.com/AurelienWebnation/frontend-mentor/blob/ff22ecd100e6ce0b4485cd3c3b39ff51bba9528b/blog-preview-card/src/App.tsx#L99

  • Submitted 8 months ago

    React and styled components

    • HTML
    • CSS
    0

    This is a right solution: https://github.com/AurelienWebnation/frontend-mentor/blob/7dca1f0bbb80ff92f6fd0f1d74aabf3c82f3aeff/qr-code-component/src/components/QrCode/QrCode.tsx#L43 ?