I want my code for responsive design to be assessed.
Here is the link for my work: https://codepen.io/akashsahu123/pen/OJOVOMr
Link of the actual task: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/rwd_skills
Thanks in advance.
I want my code for responsive design to be assessed.
Here is the link for my work: https://codepen.io/akashsahu123/pen/OJOVOMr
Link of the actual task: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/rwd_skills
Thanks in advance.
Hi @akashsahu and welcome to the community
Congratulations! This looks all correct.
I especially like your grid-template-columns
for the cards.
The only thing I would change is using Flexbox instead of Grid for the header. Something like this:
header {
display: flex;
justify-content: space-between;
align-items: center;
}
Keep up the good work and have a nice day,
Michael
PS: Your email address is visible in your post. I think it somehow ended up in the optional “name” field of your profile. I recommend removing it.