All solutions

what i find difficult while building the project?

• css grid
• flexbox -making is reponsive

which areas of your code are you unsure of? -making it responsive to different screen size, i will need help on that

Do you have any questions about best practices?

• How do i achieve this using css flexbox -when making it to responsive to different size screen what element do i target?]

Tools

VSCode

Git

Prettier

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

My process

1. structure the html layout
2. add classes
3. css

Areas of the code i was not sure of

@media screen and (max-width: 425px) {

.container{

min-width: 87%;

margin: 0;

padding: 0;

display: flex;

flex-direction: column;

i will need more explaination on media query

-what i find difficult is the used of flexbox positioning at first, with the help of w3schools documentaion i was able to get the result. -i am sure of all the areas because there are still the different ways we can archived the same goal when it come to programming. -for me this the best way of learning coding because it allow you to go on research and also ask question and get clear solution to improve your coding experience.

1. What did you find difficult while building the project? the css to align the QR-IMG, and padding give me problem but bootstrap documentation and w3school documentation help me out.
2. which areas of your code are you unsure of? the css for this {"*{" )
3. is there different ways this can be achieve, short line of code when writting the css?