Practice Real Company Assessment Patterns • Latest 2025–2026 Mock Tests

an HCL GUVI product

Home /Programming Exercises /CSS/ Beginner

CSS Exercises

Master CSS with hands-on practice problems across Beginner, Intermediate, and Advanced tracks. Filter by level, difficulty or status, and solve in our in-browser compiler.

90 questions0 / 90 solved3 levelsUpdated weekly

Programming Tracks16 Tracks

Py

Python

90 Questions
Progress0 / 90 (0%)
BeginnerIntermediateAdvanced
☕

Java

90 Questions
Progress0 / 90 (0%)
BeginnerIntermediateAdvanced
C++

C++

90 Questions
Progress0 / 90 (0%)
BeginnerIntermediateAdvanced
CSS

CSS

90 Questions
Active Track0 / 90 (0%)
BeginnerIntermediateAdvanced

CSS Questions30 Problems

0/90 Solved
QuestionDifficultyProgressStatus
CSSCreate a webpage with a solid red background color.CSS · Beginner
Easy0%Not Started
CSSStyle a paragraph with a font size of 18px and font color blue.CSS · Beginner
Easy0%Not Started
CSSCenter a heading using text alignment.CSS · Beginner
Easy0%Not Started
CSSAdd a border of 2px solid black to a div.CSS · Beginner
Easy0%Not Started
CSSSet the width and height of an image to 200px.CSS · Beginner
Easy0%Not Started
CSSCreate a button with a background color of green and white text.CSS · Beginner
Easy0%Not Started
CSSAdd padding of 10px to a paragraph.CSS · Beginner
Easy0%Not Started
CSSSet the margin of a div to 20px on all sides.CSS · Beginner
Easy0%Not Started
CSSCreate a list with circle-style bullets.CSS · Beginner
Easy0%Not Started
CSSMake a text bold using CSS.CSS · Beginner
Easy0%Not Started
CSSUnderline a heading using text decoration.CSS · Beginner
Easy0%Not Started
CSSCreate a gradient background with two colors of your choice.CSS · Beginner
Easy0%Not Started
CSSMake an image rounded by setting a border-radius of 50%.CSS · Beginner
Easy0%Not Started
CSSAdd a shadow to a box with 5px offset in all directions.CSS · Beginner
Easy0%Not Started
CSSStyle a link with hover effect to change its color to red.CSS · Beginner
Easy0%Not Started
CSSSet a specific font family (like Arial or Times New Roman) for the body.CSS · Beginner
Easy0%Not Started
CSSAlign an image to the right side of a div.CSS · Beginner
Easy0%Not Started
CSSCreate a navigation bar with horizontal links styled using CSS.CSS · Beginner
Easy0%Not Started
CSSSet the opacity of a div to 50%.CSS · Beginner
Easy0%Not Started
CSSStyle a block of text with a line height of 1.5.CSS · Beginner
Easy0%Not Started
CSSCreate a button with rounded corners using border-radius.CSS · Beginner
Easy0%Not Started
CSSChange the cursor to a pointer when hovering over a button.CSS · Beginner
Easy0%Not Started
CSSMake a text uppercase using CSS.CSS · Beginner
Easy0%Not Started
CSSCreate a simple flexbox layout with two boxes side by side.CSS · Beginner
Easy0%Not Started
CSSSet a background image for a div and make it cover the whole div.CSS · Beginner
Easy0%Not Started
RowsShowing 1 - 25 of 30

Frequently asked questions

What programming languages are covered in the exercises?
Our platform supports Python, Java, C, C++, JavaScript, and more languages used in the industry today.
How are the exercises divided across difficulty levels
Our exercises are organized into Beginner, Intermediate, and Advanced levels, letting you progress naturally.
Are the exercises suitable for both beginners and experienced coders?
Yes, the exercises are suitable for both beginners and experienced coders.
How do topic-wise exercises help in better learning?
The topic-wise exercises let you focus on one concept at a time, strengthening your understanding step by step.
Do the exercises cover both basic syntax and complex algorithms?
Yes, from basic syntax to complex algorithms, our exercises span the full range of programming challenges.
Can these exercises prepare me for coding interviews?
Yes, these exercises are designed to match real interview questions, helping you prepare for coding interviews.
Is there an integrated IDE on the platform to run and test the code?
Yes, our platform includes a built-in web IDE where you can write, test, and run your code instantly.
Do the exercises include solutions or hints for guidance?
Yes, when you're stuck, you can access helpful hints or study complete solutions to learn different approaches.
Are there any prerequisites for attempting the advanced-level exercises?
Yes, advanced exercises require a solid understanding of the basics and intermediate concepts of your chosen language.
How do these exercises improve coding speed and efficiency?
Through consistent practice and exposure to diverse challenges, you'll naturally become faster and more efficient at coding.
Is there a time limit for completing each exercise?
No, take as long as you need – our focus is on learning, not racing against the clock.
Are the exercises updated regularly to include new challenges?
Yes, we consistently update our exercise collection to include new challenges and keep up with industry trends.