@wpittman06
Latest comments
- @chrisbailey85
I have not used tailwind before myself but you seem to be on the right track for mending the desktop. On your .showcase div if you add a grid template rows to it so you've got two rows instead of one, and then hopefully it should just be a case of placing everything in the correct rows and columns. Good job on the mobile size's it looks good.
- @Gabrieldev-web-coder@chrisbailey85
I'm only just getting started sass myself but I think as a best practice you shouldn't use capital letters on your class names, it makes it a bit more difficult to read. I also just learnt about something called BEM, which is a set of rules for when writing classes, it looks like you were using it in places but I did only learn about it today so I wasn't 100% sure.
- @Coder-IsiahJones@chrisbailey85
I was always doing desktop first and then adjusting it to smaller screens. I switched to do a mobile first a little while ago, I have found it's a lot easier but it does take getting used to.
I found the navbar switch over the most difficult part but I learned about CSS property called "all" the other day. You can set it to unset which removes all the the CSS properties that you've applied, which made it a lot easier for and navbar at least.
- @Alizzie@chrisbailey85
Well done that looks great. On your social media icons the hover line doesn't go all the way across.
I've never seen the figure tag before, after a quick Google I think I need to look into html a bit deeper, I would have ended up using div to make this.
If you're on Windows you can open the files in the the windows photos right click and view file information and it will give you the dimensions.
- @chrisbailey85@chrisbailey85
I'm not sure why the mobile phones are positioned like that in the screenshot. I've tried to find the screen size that it does that on using the Google Chrome developer tools, but it never lines up like that which is weird.
- @neophyte1001@chrisbailey85
Well done it looks good. The only thing is the arrows on you buttons looks a little out of place as there off centre. I had a little fiddle and you can fix it by, giving your .icons a display: flex; and then on the buttons a display flex, justify-content: center; and align-items: center;
