Hi Everybody!
First of all: This is my first post in this forum so if it is in the wrong place please forgive me.
I did finish the project and everything works fine. I did find one difference between my code and the solution where I am not totally convinced yet that the solution makes more sense. Maybe you can share your views with me.
I am talking about the 3 h2 elements. According to the given specs the only difference between them were the different background colours so I chose to code the following way:
HTML:
<body>
<h1>...</h1>
<div> <!-- First Section -->
<h2 class="mediumspringgreen">Brushes</h2>
<img src="./.../.../....jpeg">
<h3>...</h3>
<p>...</p>
</div>
<div> <!-- Second Section -->
<h2 class="lightcoral">Frames</h2>
<img src="./.../.../....jpeg">
<h3>...</h3>
<p>...</p> </div>
<div> <!-- Third Section -->
<h2 class="skyblue">Paint</h2>
<img src="./.../.../....jpeg">
<h3>...</h3>
<p>...</p>
</p>
</div>
</body>
The solution however looks like this:
HTML:
<body>
<h1>.../h1>
<!-- Brushes Section -->
<div class="item">
<h2 id="brush">Brushes</h2>
<img src="./.../.../....jpeg">
<h3>...</h3>
<p>...</p>
</div>
<!-- Frames Section -->
<div class="item">
<h2 id="frame">Frames</h2>
<img src="./.../.../....jpeg">
<h3>...</h3>
<p>...</p>
</div>
<!-- Paint Section -->
<div class="item">
<h2 id="paint">Paint</h2>
<img src="./.../.../....jpeg">
<h3>...</h3>
<p>...</p>
</div>
</body>
After comparing those I still felt that my way makes more sense. It allowed me to add all the attributes the 3 h2-elements share to one h2 tag in the css file and then (also in the css) just add the attribute of color to each of the classes whereas the solution code required to set up 3 different ids that are almost similar to each other which overall seemed too laborious to me.
What do you think? I hope I made my question understandable and look forward to your feedback.
Thanks,
Paul