All solutions

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

If i want the page to be inscrollable, how do i make the content fit only 100% of the viewport port without exceeding it. Because even though I set the body height to 100 vh, the page still scrollable.

Another question, how can I make an element be pushed back to the bottom inside a parent with flexbox display.

Thank you for your help.

What are you most proud of, and what would you do differently next time?

I learnt scss before but I forgot how to use it. This project helped me to remember scss. I started by creating scss color variables for more comprehensive and easy to understand styling sheet.

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

I don't know if this is too early but i wanna know when can i start using styling frameworks. And how exaclty? I mean do i have to create my own stylesheets besides them ? And what is the best framework to work with for someone that does not want a very sophisticated one but a framework to help him code front end very fast and efficiently? Thanks for your help.

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

I wanted to expand the list items (links) to fill the available width space. So i used width: 100% but it does not work: in fact the content itself takes the space but the rest of box model like the padding and margin become outside the parent element which is in this case the card element. Is there another method to to make the items take the space without having to use padding manually like I have done here ( to make the website more responsive). Thanks for your help

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

I would like to know when to use padding and when to use margins. Are there some guidelines I should know for using them? For example, if i want to space two elements how should i do that: splitting the distance and adding it to both elements or adding it only to only one of both.

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

I wanna push this "Challenge by Frontend Mentor. Coded by The beginner." to the end of the page. I tried using: justify-self: flex-end. but it does not work. I tried also: flex-grow, margin-top: auto and many other solutions but all of them keep messing with the container above ( with qrcode image and texts).