Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Qasim Hafeez
Qasim Hafeez
12,731 Points

Feedback on project, please

Hello everyone,

I'm making this site in Bootstrap and I'd like some feedback. It's not finished yet, I still have to add a gallery and the pictures are just pics I pulled off google.

http://176.32.230.251/qhafeezdomain.com/JackieBootstrap/

Thanks

3 Answers

Idan Melamed
Idan Melamed
16,285 Points
Idan Melamed
Idan Melamed
16,285 Points

Good start, The map is a nice addition.

Qasim Hafeez
Qasim Hafeez
12,731 Points

Thanks

Andrea Gomez
Andrea Gomez
8,609 Points
Andrea Gomez
Andrea Gomez
8,609 Points

I would highly suggest you to use a different font. Comic Sans is not the ideal one for the project.

Choosing a font is a relevant yet hard decision since you have a wide variety of options to chose from, for example:

Font Img

  1. Serif: Serif fonts have little “feet” or lines attached the ends of their letters. They’re generally thought to look more serious or traditional.

  2. Sans-Serif: “Sans-serif” literally means “without serif” — these fonts don’t have the extra lines on the ends of letters. For that reason, they’re generally thought to look more modern and streamlined.

  3. Script: Scripts are what we might think of as cursive- or handwriting-style fonts. They generally have connecting letters. You’ll find that script fonts come in many different styles, from elegant, to fun and casual, to hand-drawn.

  4. Decorative / Display: When you hear a font categorized as decorative, display, or novelty, it all means the same thing — that font is meant to get your attention. They’re often more unusual than practical and should only be used in small doses and for a specific effect or purpose.

"Font choices often set the tone for the whole design and can influence viewers’ feelings toward and interactions with your design"

Check out this link for more information and tips on how to chose the best font for your project.

Qasim Hafeez
Qasim Hafeez
12,731 Points

Thanks for the link but, where are you seeing Comic Sans? The fonts I found when I inspected the page were "Helvetica Neue",Helvetica,Arial,sans-serif". The only one I selected myself is "cursive".

Andrea Gomez
Andrea Gomez
8,609 Points

I see.

It's here: 

.navbar-brand, h3 {
    font-family: cursive;
}

Apparently, my computer renders it as Comic Sans for some reason... It may happen to other visitors too...

This is how my browser displays your page:

screencapture-176-32-230-251-qhafeezdomain-com-J.png

After "Googling" a little bit about this issue, I found the default font for the "cursive" family is Comic-Sans. (I'm using Windows 10 and the latest version of Google Chrome).

In order to solve the problem, I would highly suggest that you import a font that looks the way you want it to look.

Take a look at here https://fonts.google.com/ for some cool fonts you could use.

Look at the fonts, chose one and then, import the fonts you want to use by doing this in your CSS:

@import 'https://fonts.googleapis.com/css?family=Lobster';

.navbar-brand, h3
{
   font-family: 'Lobster', cursive;
}

I used Lobster as an example. You can use that font or you can chose another one. :)

If this was helpful to you, I would really appreciate if you mark my answer as the best one, that would mean a lot to me.

Alexander Davison
Alexander Davison
65,469 Points
Alexander Davison
Alexander Davison
65,469 Points

Good start! I recommend making the navigation bar to "stick" to the top of the website (so if you scroll down or up the navigation bar wouldn't move, just like Treehouse's navigation bar). Also, the four images below the large image are kinda smooshed, I recommend trying to make the images a bit smaller so they won't be smooshed. lastly, I'd put the arrow that's pointing down a little higher up so people can see it when they visit the page.

Good luck with your awesome website, ~Alex :smile: