All comments

• 

  Mateus Lima•360

  @mts-mlSubmitted 3 months ago

  What challenges did you encounter, and how did you overcome them?

  This project had a lot of tags, so to facilitate CSS development, I wanted to use nesting. Since styled components and SCSS modules don't work in pure HTML/CSS projects, I did some research and found out that you can use Sass with HTML. You just need to configure the package.json file and run yarn watch-css in the terminal.

  It helped a lot.

  What specific areas of your project would you like help with?

  Would like some tips and constructive criticism.

  

  Responsive page using Flexbox, Grid and Sass.

  1

  20
  

  Enziu•40

  @DefinitelyNotPatrickPosted 2 months ago

  It's cool that you're using scss and that the code is semantic but it would be better if you referenced classes rather than tags directly and it's cool that you put alt in the IMG tag

  0

  This comment has received 1 replyShow
• 

  abdullah•30

  @ab-0dSubmitted 3 months ago

  

  social-links-profile-main

  1

  10
  

  Enziu•40

  @DefinitelyNotPatrickPosted 3 months ago

  The design has been reproduced one-to-one gait card is smaller and the photo has been changed. Everything is in its place anyway

  0
• 

  P

  Jan•170

  @NegligenceSubmitted 3 months ago

  What are you most proud of, and what would you do differently next time?

  • Mixins for Media Queries

  I'm very happy to be able to use my mixins @include mobile-media-query(1440px) and @include desktop-media-query(374px). From now on this is how I'm going to create my media queries.

  What challenges did you encounter, and how did you overcome them?

  • Image Wrapper

  I learned the benefit of wrapping a container on my img

  In this particular design, it was needed because resizing the image itself did not reflect the design. I needed to set a smaller container size, added overflow:hidden; to hide the extra contents, and also add display grid to be able to set justify-content: center; to the cropped image.

  .blog-image {
    width: 100%;
    height: rem(200px);
    border-radius: rem(10px);
    justify-self: center;
    justify-content: center;
    overflow: hidden;
  }
  

  

  Responsive Blog preview card

  1

  30
  

  Enziu•40

  @DefinitelyNotPatrickPosted 3 months ago

  The site is responsive and the design is as it was intended. Great job!!!

  1
• 

  abdullah•30

  @ab-0dSubmitted 3 months ago

  

  QR code

  1

  20
  

  Enziu•40

  @DefinitelyNotPatrickPosted 3 months ago

  The design is reproduced perfectly. And it displays well on screens, however, the description of the picture is missing and people with a screen reader will not even know what kind of picture it is.

  0