CSS Help Needed
I am a college student who works for a software company as well (primarily in a sales and support role). I have been tasked with rewriting our marketing website (the code has to be done in our CRM). Looking to build a two column lay out with text on one side and an image on the other. Followed a youtube tutorial to a T, but am still not getting the side by side layout. Any help would be appreciated. (My apologies in advance if the code is horrendous).
![No description](https://cdn.answeroverflow.com/1262521127704727552/MyResults.png)
![No description](https://cdn.answeroverflow.com/1262521128098861127/EndGoal.png)
![No description](https://cdn.answeroverflow.com/1262521128547647568/HTML.png)
![No description](https://cdn.answeroverflow.com/1262521128858030151/CSS1.png)
![No description](https://cdn.answeroverflow.com/1262521129201832088/CSS2.png)
![No description](https://cdn.answeroverflow.com/1262521129558478908/CSS3.png)
4 Replies
Your display: grid is misspelled
Wow. I feel like an idiot. That did the trick. Thank you.
Happens to all of us! btw though if you use your dev tools to look at your styles, anything invalid (which includes misspelled values) will be crossed off and will grab your attention. Glad it was an easy fix ππ»
Btw you also have a type on the first .row .contentWrappe[r] . Curious why you have two selectors for .row .content-wrapper span.textWrapper where youβre overriding some of the previous styles (like display: block being overwritten in the same rule set with display : flex than another selector overwriting that with display: inline-block ?
I noticed the second error as well. Regarding the duplicate selectors, to be quite honest, I am not sure. My coding knowledge is limited (a few high school classes and self learning online). My boss gave me a pdf of what the site should look like, so I have broken it down into sections and am watching tutorials for each section. Followed the tutorials to a T with the exception of changing colors, text, images, and adding a few more CSS elements for bolding and what not.