My html Freddy was soft rejected.

Hello to all:

My html was soft rejected please help me, where I can fix my template html?

  1. TYPOGRAPHIC HIERARCHY: The typographic hierarchy of this item requires additional work. For more information, please read: http://webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636

  2. SPACING AND ALIGNMENT: There are spacing and alignment issues in this item. Please make sure that all elements are aligned properly and spacing is consistent from section to section. Here are some articles with more information regarding negative space and proper spacing: http://webdesign.tutsplus.com/articles/using-white-space-or-negative-space-in-your-designs--webdesign-3401,\ http://webdesign.tutsplus.com/articles/adding-space-to-your-designs--webdesign-14836

  3. RESPONSIVE ISSUES: Your files are eithier inaccurately represented as responsive or have responsive layout issues. Please take a moment to make sure that your design layout looks correct at different breakpoints and that all text is scaled appropriately for smaller devices.

  4. TYPEFACE: The choice of typeface should support the purpose of the design and by extension, the needs of the intended audience. Ref: https://designschool.canva.com/font-design/

  5. FONT COMBINATIONS: It’s recommended that you pair complementary fonts that add to the design aesthetic you’re going for. In general, a design should utilize less than three (ideally two) font variations that each compliment another — not compete for attention. Ref: https://designschool.canva.com/blog/the-ultimate-guide-to-font-pairing/

  6. LINE LENGTH: To maximize readability, it’s recommended that you adjust the line length (measure) to not exceed 95 characters. Note that an ideal measure is between 45 and 75 characters in length.
    Ref:https://www.smashingmagazine.com/2014/09/balancing-line-length-font-size-responsive-web-design/

demo: http://erikaivo.info/html/freddy/

Thank you.

you have used:

.banner h2, .banner h3 {
       font-size: 60px;
   }

.banner h3 can be small font as like 38px.

Testimonial need to improve: https://prnt.sc/u6jolg

Work typography not good. need improve:

.work h3 {
   font-size: 24px;
   font-weight: 700;
   color: #ff8d03;
   line-height: inherit;
   margin: 15px 0;
   display: inline-block;
}

Services and overall body content line height very odd. make default line-height: 1.48;

Blog:

.bgBlog h3 {
   margin-bottom: 15px;
}

Footer left widget font not good. you can add the folowing css. also need to improve :

footer h2 {
   font-size: 16px;
   line-height: 1.48;
   margin: 15px 0;
}

footer .p5 line height need to remove. your overal template line height very odd. check the reviewer ref link.

Also pleae check the reviewer comments and make change accordingly. check the reviewer ref link.

1 Like

@mgscoder Thank you so much, I will to fix some but I have an problem where is spacing and alignment and responsive my html?

I have given you some hints and solution for spacing in my first reply. as like:
.work h3 for spacing I have added:
margin: 15px 0;
display: inline-block;

.bgBlog h3 added margin-bottom: 15px;

and so on …

you should to check your full tempate. responsive issues you should to check each breakpoint in small devices. from chrome browser you can check responsive view by pressing f12.

1 Like

Sorry I understand thank you so much…

@mgscoder Now my last ask, where LINE LENGTH my html? thank you.

check your template css you have used many times: line-height
you should use a standard line height for overall template. and of course you should not use line height for making space as you have done for .work h3 and many more places. for making space you should use padding/margin of course not line-height.

1 Like

Manyyyyyy thanks, I will use padding/margin my css regards.