Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
9
demaxs26
@Demaxs26

All comments

  • Alrn•50
    @Annabelle-Lrn
    Submitted 10 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

    #sass/scss
    3
    demaxs26•270
    @Demaxs26
    Posted 10 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
  • Kyvia Soares•160
    @Kyvs123
    Submitted 10 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•270
    @Demaxs26
    Posted 10 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
  • M Asim Saeed•290
    @asimsaeed353
    Submitted 10 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•270
    @Demaxs26
    Posted 10 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
  • ISAAC EDZORDZI FIAVOR•110
    @ISAAC-EDZORDZI-FIAVOR
    Submitted about 1 year 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•270
    @Demaxs26
    Posted about 1 year ago

    Hey your work is really cool !

  • Sudha Rani•10
    @codewithsudha
    Submitted about 1 year ago

    css grid

    1
    demaxs26•270
    @Demaxs26
    Posted about 1 year 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 !

  • P
    Judge Micko S. Silvestre•415
    @mickoymouse
    Submitted about 1 year 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•270
    @Demaxs26
    Posted about 1 year ago

    heyy that's a good job !

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

    .

    social-links-profile-main

    2
    demaxs26•270
    @Demaxs26
    Posted about 1 year ago

    yoo that is very cool !

    I think you could reduct the padding between the button

  • AlexStraton•70
    @AlexStraton
    Submitted about 1 year ago

    Blog Preview card with Flexbox

    1
    demaxs26•270
    @Demaxs26
    Posted about 1 year 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
  • Hoda Hossam•80
    @hoda257
    Submitted about 1 year 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•270
    @Demaxs26
    Posted about 1 year ago

    well done !!

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