Not the best practice, but I am happy with the result, especially with the responsiveness.
What challenges did you encounter, and how did you overcome them?I wanted to make it all grid and the grid will handle the responsiveness, but I couldn't do it.
Hello @Aminpatra,
Your solution looks really good.
Keep up the great work! Happy coding! : )
Hello @AhmadShallal,
Your solution is very good, but I think it is necessary to center the content of the card-body, as depending on the screen size thecard-body is not really well centered.
Keep up with the good work!
Hello @Rohit-Saha!
Your project is really good!!
Well done and keep up the excellent work!!
Hello @Jstar7890,
In the screenshot provide, the solution look pretty good but the links for de code and the preview site is not working.
Hello @coyad45, Your project is really good!!
Happy coding and keep up the excellent work!!
I took a bootcamp over a year ago. This was my first look at any sort of project since then. I'm most proud of the fact that I knew where to look and heeding the advice of my instructor "just break stuff and put it back together."
What I would do differently next time would be not making things more difficult than they need to be. That looked like extra divs and editing multiple parts that could have been condensed into one div.
What challenges did you encounter, and how did you overcome them?The challenges were mainly in recalling the different parts of the HTML and CSS files. "Div" "class" and then how to style them in the CSS file ".class." I overcame them by digging into old homework and having "ah ha" moments.
What specific areas of your project would you like help with?I need help in all areas. Any and all feedback is welcome.
Hello @nrmoser50,
I have some suggestions about your code that might interest you.
You can invert the tag main and div with the .wrapper class, instead of placing the main inside the div, place the div inside the main, you can also remove the footer from inside main and div. To know more about semantic HTML, you can take a look at: https://www.freecodecamp.org/news/semantic-html5-elements/
And in the body CSS, you can use flex-direction: column, so that the elements are aligned according to the column and in the .qr-code, you can use witdh: 100% so that image occupies the entire size of the its parent component, making it easier when including page responsiveness.
I hope you find this helpful!
Happy coding!!
