Huddle Landing Page with Feature Blocks

Community feedback

• 

  Mzer Emmanuel Terdoo•145

  @terdoo-mzerPosted over 3 years ago

  Hello there! Well done for your efforts. But a few touches here and there would be fine;

  1. Maybe you can try resizing your images so that they don't occupy the whole space in the container. (I noticed this on large screens. Your images are nice on small screens however). Try using this; img { width: 100%; max-width:600px /* You can manipulate this and try to see how they respond*/ } Note: "img" is a selector. You could use whatever selector you have for you images. width: 100% ensures the image always takes 100% of whatever space allotted to it on whatever screen size. So the image scales nicely down and up when you resize the browser.

  2. I do not know what screen you might be using though. But I see a horizontal scrollbar at the bottom of my screen. To deal with this, you should add this to your css; body {overflow-x:hidden}. I am sure this will deal with the overflow.

  3. Your footer logo isn't visible. It is actually an svg. What I would do is, duplicate the image and rename it. Click on the svg to open in your code editor and look for "fill" property for each of the svg and change to desired color.

  Happy coding!

  Marked as helpful

  2

  ---

  

  Eles•1,300

  @eleswastakenPosted over 3 years ago

  @terdoo-mzer thanks, appreciate it!

  0