- This topic is empty.
March 6, 2014 at 3:20 pm #164933
I am probably working too much hours per day on my site, my brain is like a jelly bean right now!
I have an article box in a wrapper, then an icon left of the title and then below I have the text. What I have now is a mess, I can’t make my title an h3 tag, it has to be in a div or else it breaks the layout!
How could this be displayed in a more semantic way?
Here is my pen with what I want to achieve: http://codepen.io/GroovyMotion/pen/GKDjL
Thanks in advance!March 6, 2014 at 3:51 pm #164935KhaiMParticipant
Can’t you just use the article tag instead? And maybe use an h1 or an h2 tag, give it a class name and set it to display:block;
Or did I miss understand what you’re trying to do?March 6, 2014 at 4:12 pm #164937
I have adapted my site’s layout into it, this is what I have: http://codepen.io/GroovyMotion/pen/ulIFD
edit I made some progress but for me having to give a class to an h3 and a p doesn’t make too much sense…it now works but there must be a simpler way to code this?March 6, 2014 at 4:34 pm #164940
Ok, but now I just realized that this example doesn’t work at all if I consider that I have 3 columns of 33% and in the example I show it’s only one column!
Thanks for the tip, I will have to redo my whole layout for that area!March 6, 2014 at 5:03 pm #164943
Yes, please! :)
I don’t want to redo the whole layout for just this issue!March 6, 2014 at 5:14 pm #164944
you see, my goal is to have the 3 columns centered with a margin of 10px between each and then have what I described above in the columns. It’s a pain to have all this, well for me lolMarch 7, 2014 at 4:44 pm #165055March 7, 2014 at 5:11 pm #165057
ok…yeah probably just use one of them as a header
What do you think of just using the stairs with the logo as a static one like on this page? http://groovymotion.com/PageStyle6.html
Or maybe widen the image and not make it as tall with more prominence to the logo?March 7, 2014 at 5:30 pm #165060
ok or can you e-mail me?March 7, 2014 at 5:42 pm #165063
oh ok! Yeah you are right, I will probably move the slider to the portfolio section and just make a standard logo.
edit I just realized that my media-queries have easily 50 lines that can be removed by just decreasing the body font size! Instead of starting @ 62.5% it’s best to start @ 100% and decrease for smaller devices, right?March 8, 2014 at 7:35 am #165114
Yeah 62.5% is easier to calculate but I realized that if I scale to 420px or so then some values become extremely small.
I guess it all depends on what is the audience and what type of content I want to deliver.
- The forum ‘CSS’ is closed to new topics and replies.