search

petushka1 / microverse-m1-w1-d3-portfolio-production

MIT License
0 stars 0 forks source link

Peer-to-peer portfolio review #9

Open jadibdev opened 2 years ago

jadibdev commented 2 years ago

Add social media links @Profsain Use CSS grid as outer and flexbox as inner @jadibdev For the most part, everything looks fine @Graycemuthui

petushka1 commented 2 years ago

Thanks for your input. Double-checked the task. In order to lay out the elements in "Works" section you should use CSS Grid and Flexbox combined (it is mandatory that you use both). Use CSS Grid in the main container that contains all of the cards and use Flexbox to lay out an individual card.

<!-- Main flex wrapper for the entire section -->   
<section id="projects" class="wrapper">

        <!-- Main grid container for all projects cards -->
        <div class="grid-container round">

            <!-- each grid item cantains a separate card. It is split to 2 rows for mod version and 2 columns for a desktop version -->
            <div class="item1">
              <div class="item round">
              <a href="#"><img class="snapshot" src="Img/SnapshootPortfolio3.png" alt="snapshot"></a>

              <!-- Card description is layed out with an inner flex-contaiber -->
              <div class="item-flex">