Skip to content
OverviewSolutions
10
Comments
9
demaxs26
@Demaxs26

All comments

  • Alrn•50
    @Annabelle-LrnSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    i don't use media query and almost all sizes are in rem except for the borders.

    Next time I will try to use the clamp() function.

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

    L'image n'apparait pas au déploiement. Tout est ok en local. Au départ elle était en background de la div, j'ai tenté de l'inclure en HTML avec une balise img mais aucun effet. Si quelqu'un a une idée

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

    I'm not sure I used the tags correctly for semantics.

    Est ce que j'aurais dû englober les balises dans des div? Est ce qu'il vaut mieux appliquer les classes à une div qui contient la balise ou on peut directement mettre la classe à la balise?

    no media query

    3
    demaxs26•230
    @Demaxs26Posted 2 months ago

    Hi, you did a great job!

    To answer your question, The image is not displayed because the address is not correct, you need to remove the first slash. The correct address is therefore:

    src="assets/images/illustrationarticle.webp"

    In terms of semantics, you should not use h2 before h1 and not use h4 without using h3 before.

    You can totally apply a class to a semantic tag.

    I hope I was clear in my explanations. Keep it up!

    Have a good day !

    Marked as helpful
    0
  • Kyvs123•150
    @Kyvs123Submitted 2 months ago
    What specific areas of your project would you like help with?

    I could not align the span in the nutrition list to the left. Would appreciate insigths on my code overall.

    Recipe Page

    2
    demaxs26•230
    @Demaxs26Posted 2 months ago

    Hi, your solution looks good!

    To answer your first question you should use a table html tag instead of a list with span It will look something like this:

    <table>
  <tr>
    <td>Calories</td>
    <td>277kcal</td>
  </tr>
  <tr>
    <td>Carbs</td>
    <td>0g</td>
  </tr>
</table>

    With that you just need to apply text-align: left on the td tag, to have all the text align on left

    I hope it will be usefull, Have a nice day !

    Marked as helpful
    0
  • M Asim Saeed•270
    @asimsaeed353Submitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    I found it difficult to make the design responsive.

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

    I would like someone help me about making design layout responsive. I tried my best, but the code didn't seem to be working. If someone could read my code and help me find bug(s) in my code.

    Blog Preview Card using HTML & CSS

    1
    demaxs26•230
    @Demaxs26Posted 2 months ago

    Hi, you did a well job !

    For the responsive you just need to define the size of the main box in % or vh instead of px : .main{ width: 100%; height: 100vh; }

    and to not set the size of the card :

    .card{ width: fit-content; height: fit-content;

    normally with that you dont need to use any media screen so you can just remove them i think

    have a nice day !

    Marked as helpful
    0
  • ISAAC EDZORDZI FIAVOR•110
    @ISAAC-EDZORDZI-FIAVORSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    none

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

    none

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

    none

    four-card-feature-section with html and Css

    1
    demaxs26•230
    @Demaxs26Posted 7 months ago

    Hey your work is really cool !

    0
  • demaxs26•230
    @Demaxs26Posted 7 months ago

    Hey !

    Your site is great !

    If you want to get it better you can use:

    • border-radius : (for exemple) 15px to get round border
    • text-decoration: none to remove the line below the price
    • text-decoration: line-through to put a line on the ancient price

    Have a nice day !

    0
  • Judge Micko S. Silvestre•395
    @mickoymouseSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I got to learn a thing or two about pseudo elements! Never knew I could style a list that way and add custom content on it using some for of counter!

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

    I am still having a hard time in confidently structuring my html document. So this time, I tried to focus on that to maybe have a better understanding on how I should structure it. Fortunately enough, this challenge doesn't have that much of a difference between mobile and desktop design.

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

    I am still having trouble with learning to properly structure my html document so any feedback on that is much appreciated!

    Recipe page using Flex, Grid, and some pseudo elements

    1
    demaxs26•230
    @Demaxs26Posted 7 months ago

    heyy that's a good job !

    0
  • bea-jpg•130
    @bea-jpgSubmitted 7 months 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?

    .

    social-links-profile-main

    2
    demaxs26•230
    @Demaxs26Posted 7 months ago

    yoo that is very cool !

    I think you could reduct the padding between the button

    0
  • demaxs26•230
    @Demaxs26Posted 7 months ago

    Hi ,

    I love your solution the pink background is giving a really goog vibe !

    I think it could been better if you use correct size for contenair-wrapper you can easily collect these size with logicial like figma.

    Have a nice day !

    Marked as helpful
    0
  • Hoda Hossam•80
    @hoda257Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    This is my first challenge for me in Frontend Mentor and it was so easy, and I'm looking forward for the next challenges.

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

    The only challenge is that I couldn't get all padding or margin sizes from design, so I approximate it as I can see :)

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

    Maybe in the next challenges I'll need help :)

    Responsive QR Code page using CSS

    2
    demaxs26•230
    @Demaxs26Posted 7 months ago

    well done !!

    0