r/learncss • • Jan 28 '24

7 Common CSS Mistakes Junior Frontend Developers Make (And How to Fix Them)

7 Upvotes

r/learncss • • Jun 02 '21

How do I get the picture to line up with the black bit?

Thumbnail
gallery
7 Upvotes

r/learncss • • Nov 06 '18

Style responsive layouts and components easily using CSS Grid

Thumbnail
medium.com
6 Upvotes

r/learncss • • May 05 '17

60+ Free HTML5 and CSS3 Login Form Templates 2017

Thumbnail
designwebz.com
6 Upvotes

r/learncss • • Mar 02 '24

Tips/Advice A visual guide to the most popular CSS properties

Thumbnail
cssreference.io
5 Upvotes

r/learncss • • Feb 29 '24

Resolved Vertical alignment (middle)

5 Upvotes

Hi everyone!

I am creating two buttons. Each of these buttons contains both a span and an img (this way I can have both a text and an image).

I will change some things (font size, button's height), but there is one point I wanna change and I tried without success.

I wanna have the spans at the (vertical) middle of the button (instead to be at the top).

And, ideally, I'd like to have them, for the horizontal alignment, at the middle of the free space (so middle without taking account the picture). For this point, I am pretty sure I can easily solve it with a text-align: center;

But so, how can I make the vertical alignment?

Thanks in advance for answers.


r/learncss • • Jul 27 '22

Use CSS Scan To Easily Find All CSS For Any Element On Any Website

Thumbnail
youtube.com
5 Upvotes

r/learncss • • Apr 07 '17

CSS: The Basics

Thumbnail
youtube.com
5 Upvotes

r/learncss • • Sep 11 '16

100+ Tutorials for CSS3 Beginners

Thumbnail
youtube.com
5 Upvotes

r/learncss • • Oct 22 '15

Discussion Would you like to have a CSS course for /r/learncss, like /r/learnjavascript used to to?

5 Upvotes

Would you like to have a course that multiple people can take part in and learn the basics, and learn CSS together. Something like /r/learnjavascript used to do?

I really want to get this subreddit going and this could be a fun thing to do to kick it off, for people who ant to teach or be taught.

Tell me what you think!

EDIT: With endless exams and assignments, unfortunately I don't have time to do a full blown tutorial on CSS :[ BUT if anyone is willing to do this themselves go right ahead, you have my permission! I'll give you a flair as a "CSS Teacher" :D Check the comments for some cool links to learn from! I could do a short intro to if you guys really want me to.


r/learncss • • Nov 08 '22

Beautiful CSS checkboxes - A curated collection of 65 free beautiful CSS checkboxes

Thumbnail
getcssscan.com
4 Upvotes

r/learncss • • Sep 20 '22

Question I set background color for only header and main. Why is there space between them and how to close it?

Post image
4 Upvotes

r/learncss • • Aug 03 '22

57 CSS Shapes Examples, click to copy. Triangles, arrows, yin yang, etc.

Thumbnail
getcssscan.com
4 Upvotes

r/learncss • • Mar 06 '22

How to create Mobile Responsive Image Gallery using HTML and CSS

Thumbnail
youtu.be
4 Upvotes

r/learncss • • Dec 18 '21

Tips/Advice What variables do you typically have for every project?

4 Upvotes

Would anyone mind hooking me up with a base list of CSS variables that you typically have for every project? Like a starter template that you fill in based on the the needs of the project? I just can’t seem to find the balance between just the vars I need for the ‘theme’ and not repeating values all over the place, if that makes sense.


r/learncss • • Mar 19 '21

CSS Dark Mode Toggle with Custom Icons | CSS JavaScript Tutorial

Thumbnail
youtu.be
4 Upvotes

r/learncss • • Mar 18 '21

Tips/Advice 3 ways to center an element inside a div in CSS

Thumbnail
youtu.be
4 Upvotes

r/learncss • • Jan 05 '21

Tips/Advice How to Create Glassmorphism Card in CSS

Thumbnail
youtu.be
4 Upvotes

r/learncss • • Nov 23 '19

Divs, Floats, Flexbox, Grid

4 Upvotes

Hi all. I’m getting back into coding and want to refresh my beginner knowledge of css.

Before I was learning divs and floats with media queries for layout.

I’ve been using Codecademy and they’ve introduced grid and flexbox to me.

I’m wondering which method of layout I should use/start to refresh on?

What’s worth learning in layout terms within css?

Cheers


r/learncss • • Oct 17 '19

CSS Button Ripple Effect to mimic Material Design

Thumbnail
youtu.be
4 Upvotes

r/learncss • • Aug 03 '19

CSS Sidebar Menu With Flexbox

Thumbnail
webdevtrick.com
4 Upvotes

r/learncss • • Apr 13 '19

Question Best resources for moving to expert level understanding?

4 Upvotes

I've been using CSS for years, but as a full stack developer I've never learned much more than I had to to get things done. Now I'm ready to specialize in front end and want to figure out how go from (maybe) intermediate CSS knowledge to expert knowledge. I want to fully understand things like specificity and every possible combinator, custom properties, shapes, shadow dom, etc. and I don't want to waste time reviewing the intro level material I already know.

What are the books or courses or sites that will get me there efficiently?


r/learncss • • Mar 24 '19

Create a navigation bar with icons - HTML, CSS & JavaScript Tutorial

Thumbnail
youtube.com
4 Upvotes

r/learncss • • Jun 29 '18

Drawing ⚡️pikachu⚡️ using CSS - speed coding

Thumbnail
youtu.be
4 Upvotes