Skip to content
OverviewSolutions
7
Comments
7
Langlois Titouan
@LostProcessor

All comments

  • Langlois Titouan•80
    @LostProcessor

    at first sight your project looks perfect , in your code i don't understand why you use variables because your variables are not used very much so it could be better to just use values and not variables Cheers

  • Zulkifli Firdausi•100
    @Zulkifli70
    What specific areas of your project would you like help with?

    When checking responsiveness by adjusting my layout from desktop to mobile, the appearance of my container shifts strangely. Would you know which section might be causing this issue?

    Responsive Four Card with media query and grid

    1
    Langlois Titouan•80
    @LostProcessor

    i did not see any issues with your code , the responsiveness of the layout is perfect and you are superclose to the original design. Cheers!

  • Hiren Tumbadiya•110
    @HirenTumbadiya
    What are you most proud of, and what would you do differently next time?

    Creating a clean, responsive design with consistent styling using CSS variables. Improve accessibility

    What challenges did you encounter, and how did you overcome them?
    • Handling responsive image switching and layout alignment, solved using media queries and flexbox.
    What specific areas of your project would you like help with?

    I am working on nextjs full stack project.

    Responsive with mobile to desktop approach

    1
    Langlois Titouan•80
    @LostProcessor

    Your h1 element is green but its black in the design provided. I see that you took the liberty to change the cart icons as well and it looks nice.The mobile version is perfect in my opinion. Cheers

  • Debarshi Polley•240
    @Dpolley99
    What challenges did you encounter, and how did you overcome them?

    I did not know how to style bullet points. So I made the bullet points in a grid where the left column has a specific width containing the bullet point, and the right column is a free space containing the description. I learnt styling bullet points on the way but decided to keep the grid structure.

    I approached this project in a PC first method. So I placed the image on top in a div. While working on the mobile site, I did not know how to make it 100vw because the container had padding. So I added the image in HTML again and used media queries to hide it in PC view and show it in mobile view.

    Recipe Page Challenge - Frontend Mentor

    1
    Langlois Titouan•80
    @LostProcessor

    i cannot accesss your code sadly, but without seeing it i can tell you are pretty close to the desired design. Cheers

  • Langlois Titouan•80
    @LostProcessor

    Small typo "githup" -> github , else everything looks nice

  • Anto•130
    @Antonex
    What are you most proud of, and what would you do differently next time?

    I would like to know why the pictures do not load unless I put them in the same folder as the src files but works in local server

    I have completed the challenge but the photos do not load on vercel or netlify unless I put them in the src folder which is just bad practise

    Blogpost challenge with vanilla html and css

    2
    Langlois Titouan•80
    @LostProcessor

    You could use differents tags inplace of the p tag like h1 or h2 .

  • ChandanaKandambi•10
    @ChandanaKandambi
    What are you most proud of, and what would you do differently next time?

    What I learned

    I got an overall review of html and css and could apply my knowledge. I learned how to center a container, stops overflowing an image and the usage of classes in the stylesheet.

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

    Continued development

    I realised that I needed more practise using css, being familiarised with common attributes and page settings. I was stuck in centering the container as I had only a primary knowledge of flexbox. I understood the need of more practise in using flexbox.

    QR Code Components using HtML and CSS

    1
    Langlois Titouan•80
    @LostProcessor

    Good work ,i don't see anything i did better or think could be better.