• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Liutauras Vilda
  • Jeanne Boyarsky
  • Devaka Cooray
  • Paul Clapham
  • Tim Cooke
  • Knute Snortum
  • Bear Bibeault
Saloon Keepers:
  • Ron McLeod
  • Tim Moores
  • Stephan van Hulst
  • Piet Souris
  • Ganesh Patekar
  • Frits Walraven
  • Carey Brown
  • Tim Holloway

CSS homework

Ranch Hand
Posts: 157
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello everyone!

I have some homework to do with a CSS grid and it's not going very well. I am not allowed to change the html page and all the modifications shall happen in the CSS file.

1. I am unable to target specific elements and distribute them as I intend to.The worst problem is the title: I placed it at row 2/3 on the grid, but it's at the end of the page. (the sketch of my prototype is attached).

2. I also want to put the articles in four boxes on the grid, right under the title and over the classes table. I tried several things, like :

, but nothing is working. I had to resort to columns :

... in my final draft but this is not the solution I had in mind   .

Here is the link to faulty code in codepen.

I have been sitting with the exercise a while now and I cannot come up with a beautiful solution  . Please save me (before the deadline hopefully )(which is tonight, of course)!

All input and comments welcome. I am new to CSS and I don't know best-practices and how things should be done.

Thank you for your time!

[Thumbnail for plan-copy.jpg]
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!