@BiancaAdS
Posted
Hello @nrmoser50,
I have some suggestions about your code that might interest you.
-
You can invert the tag
main
anddiv
with the .wrapper class, instead of placing themain
inside thediv
, place thediv
inside themain
, you can also remove thefooter
from insidemain
anddiv
. 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 usewitdh: 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!!
Marked as helpful