Skip to content
OverviewSolutions
12
Comments
14

Lyna

@lynaIFRBoumerdes - Algeria260 points

Ambitious, creative, love to learn, good at working in teams, student in data science, front-end developer, got started in game development.

Latest solutions

View more solutions

Latest comments

  • Yujan Bajagain•170
    @Akayxn
    What are you most proud of, and what would you do differently next time?

    i am proud of how i was able to complete this challenge, i would like to use different tools to achieve better results next time

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

    i didn't face much problem in this challenge as my previous challenges were much harder.

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

    if there are any suggestions for improvement then please lemme know

    Solution to Huddle Landing Page using Flex(Easy to Understand)

    1
    Lyna•260
    @lynaIFR

    Great work, just try to center the social media icons in the circles

  • Lyna•260
    @lynaIFR

    You did a good job but there are things you should take into consideration:

    • learn to write a css reset code.
    • don't use brut values for margin and position to place your elements, you'll cancel the default responsiveness of your website, instead use grid or flex displays.
    • don't fix a width, use max-width.
    Marked as helpful
  • Fatma Tawfeek•210
    @Fatma-Tawfeek
    What are you most proud of, and what would you do differently next time?
    • learning how to use local hosting fonts
    • learning how to use box-shadow and what's every value in box-shadow property refers to
    What challenges did you encounter, and how did you overcome them?
    • using local host font "figtree" asking chat GPT how to set up a local host font
    What specific areas of your project would you like help with?
    • dealing with responsive screens

    Blog preview card

    1
    Lyna•260
    @lynaIFR

    Congrats on completing this challenge, here are things you can improve:

    • never use px for font-size, instead use rem.
    • any website is responsive by default, but when we set a value to the width of elements, that responsiveness will be affected, I saw in your code that you gave a value to the width of your elements, if you want for an element to have a proper size, give it a max-width.
    • you used a flex display, that's good, use all of its properties to organize the space between your elements like gap, don't use padding and margin everywhere, that's bad practice and it will cause problems
    • in your html try using proper tags other than div, for the card content you could use the article tag for exemple Overall you did a great job, keep going 😁
    Marked as helpful
  • Lyna•260
    @lynaIFR

    Nice job. Try to center the summary list in the mobile design, and you forgot the icons of the results category

  • Lyna•260
    @lynaIFR

    Nice job, here are things to improve:

    • never use px for font-size, use rem instead
    • don't give specific values to margin and padding, learn about flex and grid layouts, they are more efficient
    • the border-radius should be set for the container, add to it overflow: hidden; to see the magic
    • the first <section> tag should be replaced with a <main> tag, remember, every web page needs a main landmark
    • learn about <picture> it allows you to switch images for different screen sizes so your website can be responsive
    • you may want to use a media query to make the mobile design like provided in the challenge Hope this helps, good luck
  • P
    Clyo•180
    @clyo
    What are you most proud of, and what would you do differently next time?

    Managed to figure out certain issues I was having before

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

    n/a

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

    Styling the ordered list was the most difficult part.

    recipe page

    1
    Lyna•260
    @lynaIFR

    Congrats on finishing this project!

    • I noticed that the font is not the same, when looked into your code, it turned out you forgot to put a ; at the end of the src in your @font-face.
    • You don't have to give a class name to every tag, in CSS you can select the tag itself.
    • there are 2 font-family in this project : 'outfit' and 'youngSerif'. You can add another @font-face for the 'outfit' font. But overall, you did a good job!
    Marked as helpful
View more comments