I have created a job search website that is doing pretty well so far. Still have a few things I would like to fix.
One thing I am not happy with is how the job postings look. Here is the page currently //www.jobspark.ca/job-listings/ I would like to have them look similar to this example //www.authenticjobs.com/ I like how the shading is alternated and the top and bottom borders highlight things. I plan on keeping the hanging dates so just trying to spruce things up. If anyone could me with this it would be greatly appreciated!
Can someone help me solve this little issue I am having.
– I have added in a bottom border to my entries. I am trying to get the border to move up so that it is flush with the bottom of the box that displays the date. I am needed to do this while leaving the spacing between the date boxes the same.
To remove the unwanted space between entries, you need to remove the 18px bottom margin on the .journal-entry element. To preserve the spacing between the dates, you need to preserve that same 18px in some way.
One way is to set a top-padding of 18px. Use padding rather than margin, because you want the background of the .journal-entry to be shown.