Assessment wanted: Test Your Skills Media Queries and Responsive Design

MDN Learn
#1

Is there a different way to position the UL to the right of the “title” div in the header or is absolute position fine?

https://github.com/manymike/MDN-Tutorials.git

#2

Hi @manymike91 and welcome to the community! :wave:

A modern solution for the placement of the header content would be:

header {
  display: flex; /* separate the nav and title */
  justify-content: space-between;
  align-items: center;
}

With space-between these two elements will be placed at the left and right edge of the header.

Your grids for .main and .cards are perfect. :tada:

I hope that helps.

Have a nice day,
Michael

1 Like
#3

Thanks for the feedback!

Sorry for the late reply.

1 Like
#4

No problem. I’m glad it was helpful :slightly_smiling_face: