Questions about personal portfolio webpage project

1

Hi - I’m having a couple of issues that I cannot find an answer to fix and am looking for some suggestions. 1) my image in the top “about” section I want round and further up in the section. 2) I’d like my projects and placeholders to be evenly spaced two per row. I’m really feeling stuck on this and can’t seem to find an answer by searching. I would appreciate any help!

[http://codepen.io/Loefloer/full/rjBXrd/] (http://codepen.io/Loefloer/pen/rjBXrd)

2 
    I'm sorry  my english is not so good, if you want to put your projects in 1 row try this

    <div class="row  text-center">

        <iframe class="preview" src="http://codepen.io/Loefloer/full/RozYww/"></iframe>
     
      
        <iframe class="preview" src="https://placehold.it/300x150">
        </div>
3

Thank you for your reply, Stanislav. So, I should delete the div class=project id=project1?

4

yes and also delete class=“col-md-4” where < h3>PORTFOLIO

1 Like
5

and delete < div class=“project” id=“project2”>

1 Like
6

Thank you for your help. Here is my updated pen - still with some issues :slight_smile:

http://codepen.io/Loefloer/pen/rjBXrd?editors=1100

7

@loefloe

Hi, I’m also a beginner here.

Sorry for my English.

I’m not trying to be rude but here are my suggestions/comments/tips:

  1. Sometimes we can’t see where the issue in our code is because our code is not well-structured. It is best to indent our code.

  2. Line 10, It doesn’t contain anything and it’s not even used in your CSS. It’s best to remove it.

  3. Line 12, opening <UL> tag doesn’t have a closing </UL> tag.

  4. Line 20, opening <IMG> tag doesn’t need a closing </IMG> tag.

  5. Portfolio starting from Line 42 down to Line 52 is confusing. Are there missing opening and/or closing tags?

I hope I was able to provide constructive criticism by not sounding rude or something.

2 Likes
9

I change your code here http://codepen.io/StanislavKotsar/pen/WRvMEG?editors=0110 , 2 iframe are in 1 row.

1 Like
10

Leander - thank you for your message and notations. I don’t think you’re being rude - on the contrary, I appreciate the feedback! I’m still so confused on why certain code is included or not.

11

Thank you, Stanislav. I compared yours to mine and see the couple of changes that you made. Any idea why my third and fourth placeholder projects aren’t showing on the page? Also, any idea why my mountain picture is oval vs round? I appreciate your review and assistance!

12

Your suggestions were very helpful - thank you again! I’ve attached my updated code in case you have further feedback. I’m trying to get my mountain picture round and am missing my placeholders for the third and fourth projects. I appreciate your feedback!

13

@loefloe Hi,

  1. It looks like your <iframe> contains another <iframe> inside.

  2. Your <img> is rectangular. Have you tried making it square?

1 Like
14

Hi, you can change css #mountain {
border-radius: 100%;
height: 200px;
width: 200px;
}

2 Likes
15

Hi Lori -
I’m super-new, also working on the initial portfolio project. (It’s a mess right now.) But I did learn and successfully implement the code for making your image round.
–Sorry I don’t know how to write this with the <> without the editor thinking I am trying to add an image, so you’ll have to imagine them there–

img class=“img-circle” src="# "

You can also put both classes together like this:

img class=“img-circle img-responsive” src="# "

You can click on the MAP button in the header and review lessons for clues too!

Wishing you success!
Teri

2 Likes
16

Thank you again - much appreciated!

17

Thank you, Teri! I did research how to make an image round and did find your solution, only I could NOT get it to work! I had a couple people look at it and couldn’t figure out why. I guess that’s why it’s good to do things more than 1 or 2 different way, especially when starting out. I appreciate your time and suggestions! :slight_smile:

18

Ah, YES!!! Thank you again, lleander! :slight_smile:

1 Like
19

And wishing you all the success, too! :slight_smile:

20

With respect to my profile link above, my questions:

  1. I’m trying to make the navbar collapse and I want to merge navbar and image background so I used: navbar-fixed-top. I have tried below code
Simple Singh 
<section id="hero" class="full-screen-section" data-type="background" data-speed="10">
<div class="container">
  <div class="profile">
 <figure>   
  <img src = "https://vignette2.wikia.nocookie.net/watamote/images/1/10/Image_placeholder_female_01.jpg/revision/latest?cb=20130628182221" class = "profile-img img-circle">
     <figcaption class="h4 profile-cap">Web Designer & Developer</figcaption>
   </figure>

But it is still not getting navbar contents resized any ideas what might be wrong?

  1. I want the text “Web Designer & Developer” just below my image. I tried below:
Web Designer & Developer But again that does not work for me, anyone can please suggest?

Thanks!