Skip to content
OverviewSolutions
14
Comments
5
medghazaly
@med-ghaza

All comments

  • medghazaly•200
    @med-ghazaPosted over 2 years ago

    Hi, nice work you should give 10px of the border-radius for the image, and the title give font-weight bold.

    0
  • medghazaly•200
    @med-ghazaPosted almost 3 years ago

    Hi, nice work but you miss something like padding and margin isn't perfect you can look at my code for more info Here

    0
  • Kemystra•200
    @KemystraSubmitted almost 3 years ago

    Most of the time I eyeballed the measurements, often by switching tabs on the browser. Its pretty hard to get an accurate result this way. I have also seen solutions that have very specific value on properties like padding, margins, etc. They often got super accurate result.

    Is it okay if I got the sizing a bit off?

    If not, how does people achieve almost pixel perfect spacing, sizes, adjustments, etc?

    Simple site with mobile-first workflow and CSS Flexbox

    4
    medghazaly•200
    @med-ghazaPosted almost 3 years ago

    Hi, Nice work. you need the right background color for the body it's background-color: hsl(217, 54%, 11%); For more info and perfect pixels look at my code Here

    1
  • medghazaly•200
    @med-ghazaPosted almost 3 years ago

    Hi there, nice try but you're missing some things.

    In HTML

    <section class="img-section">
        <img class="avatar" src="assets/images/image-avatar.png">
        <span class="made-by">
           <span class="first-text">
                Creation of Jules
           </span>
           <span class="second-text">
               Wyvern
           </span>
       </span>
</section>

    must put (Jules Wyven) In the second span not (Wyvern) Only Ex:

           <span class="made-by">
             <span class="first-text">
                  Creation of
             </span>
             <span class="second-text">
                 Jules Wyvern
             </span>
       </span>

    In CSS

    Must Change the color of Phargraphs to :

    color : hsl(215, 51%, 70%)

    For More In Formation Look at My code here

    Marked as helpful
    0
  • medghazaly•200
    @med-ghazaPosted almost 3 years ago

    Hi, your project needs some editing I'll show you.

    .main{
     width: 350px;
     height: 596px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.0952917);
     border-radius: 15px;
}
.img-container{
   cursor: pointer
}
    1. For more info, You can check this out
    Marked as helpful
    1