beatovich: Frage zur Gestaltung

Beitrag lesen

hallo

Hallo Robert,

was meinst du damit genau? Dieser Bereich soll später auf meiner Seite als einzelner Bereich dargestellt werden z.B. für eine Produkt-Vorschau oder auf ein Hinweis auf ein Event.

Ich habe noch etwas geändert:
https://codepen.io/anon/pen/WgGBaz

Bis bald!
Meowsalot (Bernd)

h3 sollte eventuell ein button sein?

#about {
  display:flex;
  flex-flow:column;
  justify-content:center;
		max-width: 60.500em;
		margin: 0 auto;
		background-color: #efefef;
		padding: 4em 6em;
		height: 60vh;
		background: linear-gradient(rgba(30,30,30,0.75), rgba(30,30,30,0.75), rgba(30,30,30,0.75)), url(https://images.unsplash.com/photo-1509635164051-5584296265cd?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=14cdb08a207bcc4c4969409a1ce90898&auto=format&fit=crop&w=1052&q=80);
		background-repeat: no-repeat;
		background-size: cover;
		color: #fff;
	}

#about h2 {
	font-size: 6vw; /* passt auf mobiles*/
    margin: -20px 0 0 0;
    text-transform: uppercase;
}

#about h3 {
	font-size: 1em;
	font-weight: bold;
}

#about p {
	margin-left: 13vw; /* passt auf mobiles */
}
0 116

Frage zur Gestaltung

Meowsalot
  • css
  1. 0
    Robert B.
    • html
    1. 0
      Meowsalot
      1. 0
        beatovich
        1. 0
          Meowsalot
          1. 0
            Matthias Apsel
            1. 0
              Meowsalot
          2. 0
            beatovich
        2. 0
          Meowsalot
      2. 0
        Robert B.
        1. 0
          Meowsalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Meowsalot
              1. 2
                Gunnar Bittersmann
                1. 0
                  Meowsalot
                  1. 2
                    marctrix
                    1. 0
                      Meowsalot
                      1. 0
                        Robert B.
                      2. 1
                        marctrix
                      3. 0
                        beatovich
                        1. 1
                          marctrix
                          1. 0
                            beatovich
                            1. 0

                              Jetzt mit einem realen Beispiel

                              Meowsalot
                              1. 1
                                beatovich
                                1. 0
                                  Meowsalot
                                  1. 0
                                    beatovich
                                  2. 2
                                    Robert B.
                                    • meinung
                                2. 0
                                  marctrix
                              2. 1
                                marctrix
                                1. 0
                                  beatovich
                                  1. 0
                                    marctrix
                                2. 0
                                  Meowsalot
                                  1. 2
                                    Robert B.
                                  2. 2
                                    marctrix
                                  3. 0
                                    marctrix
                            2. 1
                              Gunnar Bittersmann
                              • responsive design
                              • tools
          2. 0
            Robert B.
            1. 1
              Gunnar Bittersmann
              1. 0
                beatovich
              2. 0
                Robert B.
                1. 0
                  Gunnar Bittersmann
  2. 0
    Gunnar Bittersmann
    1. 0
      Meowsalot
      1. 0
        Gunnar Bittersmann
        1. 0
          Meowsalot
          1. 0
            marctrix
            1. 0
              Meowsalot
              1. 0
                marctrix
                1. 0
                  Meowsalot
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      • html
                      1. 0
                        Meowsalot
                        1. 2
                          Gunnar Bittersmann
                          • menschelei
                        2. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                          2. 0
                            Meowsalot
                            1. 0
                              Henry
                              1. 0
                                marctrix
                            2. 0
                              marctrix
                              • menschelei
                              1. 0
                                Meowsalot
                                1. 0
                                  marctrix
                                2. 0
                                  Gunnar Bittersmann
                      2. 1
                        marctrix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            marctrix
            2. 0
              marctrix
              • wordpress
              1. 0
                Meowsalot
          2. 0
            Gunnar Bittersmann
            • design
            1. 0
              Meowsalot
              1. 2
                Gunnar Bittersmann
              2. 0
                Robert B.
                1. 0
                  Meowsalot
                  1. 1
                    Gunnar Bittersmann
                  2. 1
                    Robert B.
                  3. 0
                    marctrix
              3. 0
                beatovich
                1. 0
                  marctrix
      2. 1
        Gunnar Bittersmann
        1. 0
          Meowsalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Meowsalot
          2. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    marctrix
                    • barrierefreiheit
                    • css
                    • html
  3. 1
    marctrix
    • html
  4. 0

    Passt das jetzt besser?

    Meowsalot
    1. 1
      marctrix
    2. 0
      marctrix
      1. 0
        Meowsalot
        1. 0
          Robert B.
  5. 0

    Jetzt zufrieden?

    Meowsalot
    1. 0
      marctrix
      • html
      1. 0
        Meowsalot
        1. 2
          marctrix
          1. 0
            Meowsalot
            1. 2
              marctrix
              1. 0
                Meowsalot
                1. 0
                  marctrix
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      1. 0
                        Meowsalot
          2. 0
            Meowsalot
            1. 1
              marctrix
              1. 1
                marctrix
                • css
        2. 0
          Robert B.
          • menschelei
    2. 0
      Robert B.
      • menschelei
      • sprache
      1. 2
        beatovich
        1. 0
          Gunnar Bittersmann
          • zitat
          • zu diesem forum
          1. 1
            Gunnar Bittersmann
            1. 0
              marctrix
          2. 0
            marctrix
    3. 2
      Gunnar Bittersmann
    4. 1
      Gunnar Bittersmann
      • html
  6. 0
    marctrix